Skip to content

Commit 4d1d530

Browse files
committed
fix: simplify color mode
1 parent 418edb6 commit 4d1d530

File tree

3 files changed

+21
-40
lines changed

3 files changed

+21
-40
lines changed

demo/tinycss.css

+10-18
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

demo/tinycss.css.map

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/base.scss

+10-21
Original file line numberDiff line numberDiff line change
@@ -4,36 +4,25 @@
44

55
:root {
66
--sans-font: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
7-
8-
--background-light: #fff;
9-
--accent-background-light: #dfe1e9;
10-
--text-light: #252525;
11-
--text-light-light: #585858;
12-
13-
--background-dark: rgb(52, 51, 58);
14-
--accent-background-dark: rgb(81, 79, 90);
15-
--text-dark: #d8d8d8;
16-
--text-light-dark: #ffffff;
17-
187
--border: #cecfd4;
198
--accent: #fa986b;
209
--accent-dark: #b44512;
2110
--accent-light: #f7bca3;
2211
}
2312

24-
html {
25-
--background: var(--background-light);
26-
--accent-background: var(--accent-background-light);
27-
--text: var(--text-light);
28-
--text-light: var(--text-light-light);
13+
:root {
14+
--background: #fff;
15+
--accent-background: #dfe1e9;
16+
--text: #252525;
17+
--text-light: #585858;
2918
}
3019

3120
@media (prefers-color-scheme: dark) {
32-
html {
33-
--background: var(--background-dark);
34-
--accent-background: var(--accent-background-dark);
35-
--text: var(--text-dark);
36-
--text-light: var(--text-light-dark);
21+
:root {
22+
--background: rgb(52, 51, 58);
23+
--accent-background: rgb(81, 79, 90);
24+
--text: #d8d8d8;
25+
--text-light: #ffffff;
3726
}
3827
}
3928

0 commit comments

Comments
 (0)