Skip to content

Commit 1db7c9d

Browse files
meroxdotdevmeroxdotdev
committed
chore: linit darkmode
1 parent 9e59453 commit 1db7c9d

File tree

1 file changed

+70
-71
lines changed

1 file changed

+70
-71
lines changed

‎_sass/themes/_dark.scss‎

Lines changed: 70 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -2,107 +2,106 @@
22
color-scheme: dark;
33

44
/* Framework color */
5-
--main-bg: rgb(24, 24, 37);
6-
--mask-bg: rgb(69, 71, 90);
7-
--main-border-color: rgb(69, 71, 90);
5+
--main-bg: rgb(24 24 37);
6+
--mask-bg: rgb(69 71 90);
7+
--main-border-color: rgb(69 71 90);
88

99
/* Common color */
10-
--text-color: rgb(205, 214, 244);
11-
--text-muted-color: rgb(186, 194, 222);
12-
--text-muted-highlight-color: rgb(170, 190, 255); /* replaced pink */
13-
--heading-color: rgb(116, 199, 236);
14-
--label-color: rgb(180, 190, 254);
15-
--blockquote-border-color: rgb(69, 71, 90);
16-
--blockquote-text-color: rgb(186, 194, 222);
17-
--link-color: rgb(137, 180, 250);
18-
--link-underline-color: rgb(137, 180, 250);
19-
--button-bg: rgb(69, 71, 90);
20-
--btn-border-color: rgb(69, 71, 90);
10+
--text-color: rgb(205 214 244);
11+
--text-muted-color: rgb(186 194 222);
12+
--text-muted-highlight-color: rgb(170 190 255); /* replaced pink */
13+
--heading-color: rgb(116 199 236);
14+
--label-color: rgb(180 190 254);
15+
--blockquote-border-color: rgb(69 71 90);
16+
--blockquote-text-color: rgb(186 194 222);
17+
--link-color: rgb(137 180 250);
18+
--link-underline-color: rgb(137 180 250);
19+
--button-bg: rgb(69 71 90);
20+
--btn-border-color: rgb(69 71 90);
2121
--btn-backtotop-color: var(--text-color);
22-
--btn-backtotop-border-color: rgb(69, 71, 90);
23-
--card-header-bg: rgb(49, 50, 68);
24-
--card-bg: rgb(30, 30, 46);
25-
--checkbox-color: rgb(235, 160, 172);
22+
--btn-backtotop-border-color: rgb(69 71 90);
23+
--card-header-bg: rgb(49 50 68);
24+
--card-bg: rgb(30 30 46);
25+
--checkbox-color: rgb(235 160 172);
2626
--checkbox-checked-color: var(--link-color);
27-
--img-bg: radial-gradient(circle, rgb(17, 17, 27) 0%, rgb(24, 24, 37) 100%);
28-
--shimmer-bg: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(58, 55, 55, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
27+
--img-bg: radial-gradient(circle, rgb(17 17 27) 0%, rgb(24 24 37) 100%);
28+
--shimmer-bg: linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, rgb(58 55 55 / 40%) 50%, rgb(255 255 255 / 0%) 100%);
2929

3030
/* Sidebar */
3131
--site-title-color: var(--text-color);
32-
--site-subtitle-color: rgb(186, 194, 222);
33-
--sidebar-bg: rgb(30, 30, 46);
34-
--sidebar-border-color: rgb(69, 71, 90);
35-
--sidebar-muted-color: rgb(166, 173, 200);
36-
--sidebar-active-color: rgb(250, 179, 135);
37-
--sidebar-hover-bg: rgb(17, 17, 27);
38-
--sidebar-btn-bg: rgb(30, 30, 46);
39-
--sidebar-btn-color: rgb(166, 173, 200);
40-
--avatar-border-color: rgb(69, 71, 90);
32+
--site-subtitle-color: rgb(186 194 222);
33+
--sidebar-bg: rgb(30 30 46);
34+
--sidebar-border-color: rgb(69 71 90);
35+
--sidebar-muted-color: rgb(166 173 200);
36+
--sidebar-active-color: rgb(250 179 135);
37+
--sidebar-hover-bg: rgb(17 17 27);
38+
--sidebar-btn-bg: rgb(30 30 46);
39+
--sidebar-btn-color: rgb(166 173 200);
40+
--avatar-border-color: rgb(69 71 90);
4141

4242
/* Topbar */
43-
--topbar-bg: rgba(24, 24, 37, 0.64);
43+
--topbar-bg: rgb(24 24 37 / 64%);
4444
--topbar-text-color: var(--text-color);
45-
--search-border-color: rgb(69, 71, 90);
45+
--search-border-color: rgb(69 71 90);
4646
--search-icon-color: var(--text-color);
47-
--input-focus-border-color: rgb(250, 180, 100); /* replaced orange */
47+
--input-focus-border-color: rgb(250 180 100); /* replaced orange */
4848

4949
/* Home page */
5050
--post-list-text-color: var(--text-color);
5151
--btn-patinator-text-color: var(--text-color);
52-
--btn-paginator-hover-color: rgb(91, 114, 186); /* replaced pink */
52+
--btn-paginator-hover-color: rgb(91 114 186); /* replaced pink */
5353

5454
/* Posts */
55-
--toc-highlight: rgb(166, 227, 161);
56-
--tag-hover: rgb(17, 17, 27);
57-
--tb-odd-bg: rgb(30, 30, 46);
58-
--tb-even-bg: rgb(31, 31, 34);
55+
--toc-highlight: rgb(166 227 161);
56+
--tag-hover: rgb(17 17 27);
57+
--tb-odd-bg: rgb(30 30 46);
58+
--tb-even-bg: rgb(31 31 34);
5959
--tb-border-color: var(--tb-odd-bg);
60-
--footnote-target-bg: rgb(63, 81, 181);
60+
--footnote-target-bg: rgb(63 81 181);
6161
--btn-share-color: var(--text-color);
62-
--btn-share-hover-color: rgb(250, 180, 100); /* replaced orange */
63-
--card-hover-bg: rgb(49, 50, 68);
62+
--btn-share-hover-color: rgb(250 180 100); /* replaced orange */
63+
--card-hover-bg: rgb(49 50 68);
6464
--card-shadow: rgb(0 0 0 / 35%) 0 4px 16px 0,
6565
rgb(137 180, 250 / 6%) 0 0 0 1px;
66-
67-
--kbd-wrap-color: rgb(166, 173, 200);
66+
--kbd-wrap-color: rgb(166 173 200);
6867
--kbd-text-color: var(--text-color);
69-
--kbd-bg-color: rgb(30, 30, 46);
68+
--kbd-bg-color: rgb(30 30 46);
7069
--prompt-text-color: rgb(240 240 242 / 85%);
71-
--prompt-tip-bg: rgba(34, 139, 69, 0.65);
72-
--prompt-tip-icon-color: rgb(74, 222, 128);
73-
--prompt-info-bg: rgba(90, 123, 194, 0.65);
74-
--prompt-info-icon-color: rgb(124, 157, 217);
75-
--prompt-warning-bg: rgba(255, 180, 100, 0.65); /* replaced orange */
76-
--prompt-warning-icon-color: rgb(255, 180, 100); /* replaced orange */
77-
--prompt-danger-bg: rgba(185, 28, 28, 0.65);
78-
--prompt-danger-icon-color: rgb(248, 113, 113);
70+
--prompt-tip-bg: rgb(34 139 69 / 65%);
71+
--prompt-tip-icon-color: rgb(74 222 128);
72+
--prompt-info-bg: rgb(90 123 194 / 65%);
73+
--prompt-info-icon-color: rgb(124 157 217);
74+
--prompt-warning-bg: rgb(255 180 100 / 65%); /* replaced orange */
75+
--prompt-warning-icon-color: rgb(255 180 100); /* replaced orange */
76+
--prompt-danger-bg: rgb(185 28 28 / 65%);
77+
--prompt-danger-icon-color: rgb(248 113 113);
7978

8079
/* Tags & Categories */
81-
--tag-border: rgb(69, 71, 90);
82-
--tag-shadow: rgb(30, 30, 46);
83-
--dash-color: rgb(166, 173, 200);
84-
--search-tag-bg: rgb(30, 30, 46);
85-
--categories-border: rgba(74, 74, 80, 0.35);
86-
--categories-hover-bg: rgb(30, 30, 46);
87-
--categories-icon-hover-color: rgb(250, 180, 100);
80+
--tag-border: rgb(69 71 90);
81+
--tag-shadow: rgb(30 30 46);
82+
--dash-color: rgb(166 173 200);
83+
--search-tag-bg: rgb(30 30 46);
84+
--categories-border: rgb(74 74 80 / 35%);
85+
--categories-hover-bg: rgb(30 30 46);
86+
--categories-icon-hover-color: rgb(250 180 100);
8887

8988
/* Archive */
90-
--timeline-node-bg: rgb(166, 173, 200);
91-
--timeline-color: rgb(69, 71, 90);
89+
--timeline-node-bg: rgb(166 173 200);
90+
--timeline-color: rgb(69 71 90);
9291
--timeline-year-dot-color: var(--timeline-color);
9392

9493
/* Code highlight */
95-
--language-border-color: rgb(69, 71, 90);
96-
--highlight-bg-color: rgb(17, 17, 27);
97-
--highlighter-rouge-color: rgb(255, 180, 100); /* replaced orange */
98-
--highlight-lineno-color: rgb(166, 173, 200);
99-
--inline-code-bg: rgb(30, 30, 46);
100-
--code-color: rgb(205, 214, 244);
101-
--code-header-text-color: rgb(255, 180, 100); /* replaced orange */
102-
--code-header-muted-color: rgb(255, 180, 100);
103-
--code-header-icon-color: rgb(255, 180, 100);
104-
--clipboard-checked-color: rgb(170, 190, 255); /* replaced pink */
105-
--filepath-text-color: rgb(170, 190, 255);
94+
--language-border-color: rgb(69 71 90);
95+
--highlight-bg-color: rgb(17 17 27);
96+
--highlighter-rouge-color: rgb(255 180 100); /* replaced orange */
97+
--highlight-lineno-color: rgb(166 173 200);
98+
--inline-code-bg: rgb(30 30 46);
99+
--code-color: rgb(205 214 244);
100+
--code-header-text-color: rgb(255 180 100); /* replaced orange */
101+
--code-header-muted-color: rgb(255 180 100);
102+
--code-header-icon-color: rgb(255 180 100);
103+
--clipboard-checked-color: rgb(170 190 255); /* replaced pink */
104+
--filepath-text-color: rgb(170 190 255);
106105

107106
.light {
108107
display: none;

0 commit comments

Comments
 (0)