refactor: rename color variable

This commit is contained in:
Cotes Chung 2022-09-29 22:20:01 +08:00
parent 49bb93cc0c
commit 3ffd19d81d
No known key found for this signature in database
GPG key ID: 0D9E54843167A808
4 changed files with 8 additions and 8 deletions

View file

@ -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});

View file

@ -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;

View file

@ -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 */

View file

@ -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);
}