From 3ffd19d81de2895b47e6768fae23035c07b7cb02 Mon Sep 17 00:00:00 2001 From: Cotes Chung <11371340+cotes2020@users.noreply.github.com> Date: Thu, 29 Sep 2022 22:20:01 +0800 Subject: [PATCH] refactor: rename color variable --- _sass/addon/commons.scss | 4 ++-- _sass/colors/dark-typography.scss | 8 ++++---- _sass/colors/light-typography.scss | 2 +- _sass/layout/archives.scss | 2 +- 4 files changed, 8 insertions(+), 8 deletions(-) diff --git a/_sass/addon/commons.scss b/_sass/addon/commons.scss index 373f693..cd6c8cc 100644 --- a/_sass/addon/commons.scss +++ b/_sass/addon/commons.scss @@ -149,7 +149,7 @@ kbd { footer { font-size: 0.8rem; - background-color: var(--main-wrapper-bg); + background-color: var(--main-bg); div.d-flex { height: $footer-height; @@ -1079,7 +1079,7 @@ $sidebar-display: "sidebar-display"; /* --- main wrapper --- */ #main-wrapper { - background-color: var(--main-wrapper-bg); + background-color: var(--main-bg); position: relative; min-height: calc(100vh - #{$footer-height}); diff --git a/_sass/colors/dark-typography.scss b/_sass/colors/dark-typography.scss index e6fa40c..2ded76a 100644 --- a/_sass/colors/dark-typography.scss +++ b/_sass/colors/dark-typography.scss @@ -4,9 +4,9 @@ @mixin dark-scheme { /* Framework color */ - --body-bg: var(--main-wrapper-bg); + --body-bg: var(--main-bg); --mask-bg: rgb(68, 69, 70); - --main-wrapper-bg: rgb(27, 27, 30); + --main-bg: rgb(27, 27, 30); --main-border-color: rgb(44, 45, 45); /* Common color */ @@ -21,7 +21,7 @@ --btn-border-color: rgb(63, 65, 68); --btn-backtotop-color: var(--text-color); --btn-backtotop-border-color: var(--btn-border-color); - --btn-box-shadow: var(--main-wrapper-bg); + --btn-box-shadow: var(--main-bg); --card-header-bg: rgb(51, 50, 50); --label-color: rgb(108, 117, 125); --checkbox-color: rgb(118 120 121); @@ -64,7 +64,7 @@ --relate-post-date: var(--text-muted-color); --card-bg: rgb(39, 40, 43); --card-border-color: rgb(53, 53, 60); - --card-box-shadow: var(--main-wrapper-bg); + --card-box-shadow: var(--main-bg); --preview-img-bg: radial-gradient(circle, rgb(22 22 24) 0%, rgb(32 32 32) 100%); --kbd-wrap-color: #6a6a6a; --kbd-text-color: #d3d3d3; diff --git a/_sass/colors/light-typography.scss b/_sass/colors/light-typography.scss index 122b38f..581aac9 100644 --- a/_sass/colors/light-typography.scss +++ b/_sass/colors/light-typography.scss @@ -6,7 +6,7 @@ /* Framework color */ --body-bg: #fafafa; --mask-bg: #c1c3c5; - --main-wrapper-bg: white; + --main-bg: white; --main-border-color: #f3f3f3; /* Common color */ diff --git a/_sass/layout/archives.scss b/_sass/layout/archives.scss index 50d6dc7..1677104 100644 --- a/_sass/layout/archives.scss +++ b/_sass/layout/archives.scss @@ -65,7 +65,7 @@ text-overflow: ellipsis; &:nth-child(odd) { - background-color: var(--main-wrapper-bg, #fff); + background-color: var(--main-bg, #fff); background-image: linear-gradient(to left, #fff, #fbfbfb, #fbfbfb, #fbfbfb, #fff); }