Skip to content

Commit d4defde

Browse files
committed
Improve GNU manual CSS dark mode
1 parent 0735d3d commit d4defde

File tree

2 files changed

+15
-5
lines changed

2 files changed

+15
-5
lines changed

custom_theme/sass/darkmode.scss

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,37 +1,44 @@
11
:root {
22
--light-color:#121212;
33
--light-background-color:#fcfcfc;
4+
--light-site-background-color:#e7e7e7;
45
--light-highlight-code-background-color:#eee;
56
--light-link-color:#00e;
67
--light-visited-color:#551a8b;
7-
--light-example-brightness:95%;
8+
--light-example-brightness:100%;
9+
--light-example-background:#f2efe4;
810

911
--dark-color:#fefefe;
1012
--dark-background-color:#212121;
1113
--dark-highlight-code-background-color:#333;
1214
--dark-link-color:#2997ff;
1315
--dark-visited-color:#aa6fdf;
1416
--dark-example-brightness:125%;
17+
--dark-example-background:#323232;
1518
}
1619

1720
@media (prefers-color-scheme: light) {
1821
:root {
1922
--color:var(--light-color);
2023
--background-color:var(--light-background-color);
24+
--site-background-color:var(--light-site-background-color);
2125
--highlight-code-background-color:var(--light-highlight-code-background-color);
2226
--link-color:var(--light-link-color);
2327
--visited-color:var(--light-visited-color);
2428
--example-brightness:var(--light-example-brightness);
29+
--example-bacground:var(--light-example-bacground);
2530
}
2631
}
2732
@media (prefers-color-scheme: dark) {
2833
:root {
2934
--color:var(--dark-color);
3035
--background-color:var(--dark-background-color);
36+
--site-background-color:var(--dark-site-background-color);
3137
--highlight-code-background-color:var(--dark-highlight-code-background-color);
3238
--link-color:var(--dark-link-color);
3339
--visited-color:var(--dark-visited-color);
3440
--example-brightness:var(--dark-example-brightness);
41+
--example-bacground:var(--dark-example-bacground);
3542
}
3643
}
3744

custom_theme/sass/doc.scss

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,20 @@
11
@import url("darkmode.css");
22

3-
body, html {
3+
html {
4+
background:var(--site-background-color);
5+
}
6+
7+
body {
48
color:var(--color);
59
background:var(--background-color);
610
}
711

8-
h1, h2, h3, h4 {
12+
h1, h2, h3, h4, div.example {
913
color:var(--color);
1014
}
1115

1216
div.example {
13-
color:var(--color);
14-
background:var(--background-color);
17+
background:var(--example-background-color);
1518
filter:brightness(var(--example-brightness));
1619
}
1720

0 commit comments

Comments
 (0)