asandikci.com/web
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

refactor: rename color variable

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
_sass/addon/commons.scss
View file

@ -149,7 +149,7 @@ kbd {
footer { footer {
font-size: 0.8rem; font-size: 0.8rem;
background-color: var(--main-wrapper-bg); background-color: var(--main-bg);
div.d-flex { div.d-flex {
height: $footer-height; height: $footer-height;
@ -1079,7 +1079,7 @@ $sidebar-display: "sidebar-display";
/* --- main wrapper --- */ /* --- main wrapper --- */
#main-wrapper { #main-wrapper {
background-color: var(--main-wrapper-bg); background-color: var(--main-bg);
position: relative; position: relative;
min-height: calc(100vh - #{$footer-height}); min-height: calc(100vh - #{$footer-height});

8
_sass/colors/dark-typography.scss
View file

@ -4,9 +4,9 @@
@mixin dark-scheme { @mixin dark-scheme {
/* Framework color */ /* Framework color */
--body-bg: var(--main-wrapper-bg); --body-bg: var(--main-bg);
--mask-bg: rgb(68, 69, 70); --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); --main-border-color: rgb(44, 45, 45);
/* Common color */ /* Common color */
@ -21,7 +21,7 @@
--btn-border-color: rgb(63, 65, 68); --btn-border-color: rgb(63, 65, 68);
--btn-backtotop-color: var(--text-color); --btn-backtotop-color: var(--text-color);
--btn-backtotop-border-color: var(--btn-border-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); --card-header-bg: rgb(51, 50, 50);
--label-color: rgb(108, 117, 125); --label-color: rgb(108, 117, 125);
--checkbox-color: rgb(118 120 121); --checkbox-color: rgb(118 120 121);
@ -64,7 +64,7 @@
--relate-post-date: var(--text-muted-color); --relate-post-date: var(--text-muted-color);
--card-bg: rgb(39, 40, 43); --card-bg: rgb(39, 40, 43);
--card-border-color: rgb(53, 53, 60); --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%); --preview-img-bg: radial-gradient(circle, rgb(22 22 24) 0%, rgb(32 32 32) 100%);
--kbd-wrap-color: #6a6a6a; --kbd-wrap-color: #6a6a6a;
--kbd-text-color: #d3d3d3; --kbd-text-color: #d3d3d3;

2
_sass/colors/light-typography.scss
View file

@ -6,7 +6,7 @@
/* Framework color */ /* Framework color */
--body-bg: #fafafa; --body-bg: #fafafa;
--mask-bg: #c1c3c5; --mask-bg: #c1c3c5;
--main-wrapper-bg: white; --main-bg: white;
--main-border-color: #f3f3f3; --main-border-color: #f3f3f3;
/* Common color */ /* Common color */

2
_sass/layout/archives.scss
View file

@ -65,7 +65,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
&:nth-child(odd) { &: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); background-image: linear-gradient(to left, #fff, #fbfbfb, #fbfbfb, #fbfbfb, #fff);
} }