Skip to content

Commit a664b07

Browse files
committed
🐛 fix(home): set dark colors in [data-md-color-scheme='default'] block
THE REAL ROOT CAUSE after 8 failed attempts: Old extra.css [data-md-color-scheme='default'] had LIGHT purple background colors (#f6f0ff) — text was visible on light bg. When we restored old CSS onto a dark background, the 'default' block didn't override --md-typeset-color, so MkDocs Material used its internal default: rgba(0,0,0,0.87) — dark text on #0a0a1a dark background = invisible. Fix: override ALL color variables in 'default' block same as 'slate'.
1 parent a084916 commit a664b07

2 files changed

Lines changed: 17 additions & 11 deletions

File tree

docs/stylesheets/extra.css

Lines changed: 15 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,19 @@
11
[data-md-color-scheme='default'] {
2-
--md-primary-fg-color: #4c1d95;
3-
--md-primary-fg-color--light: #6d28d9;
4-
--md-primary-fg-color--dark: #2e1065;
5-
--md-accent-fg-color: #7c3aed;
6-
--md-accent-fg-color--transparent: rgba(124, 58, 237, 0.12);
7-
--yat-hero-start: #f6f0ff;
8-
--yat-hero-end: #efe3ff;
9-
--yat-border: rgba(76, 29, 149, 0.12);
10-
--yat-shadow: 0 20px 48px rgba(76, 29, 149, 0.12);
2+
--md-hue: 266;
3+
--md-primary-fg-color: #6c5ce7;
4+
--md-primary-fg-color--light: #8b7cf0;
5+
--md-primary-fg-color--dark: #4c3ab3;
6+
--md-accent-fg-color: #00d4ff;
7+
--md-accent-fg-color--transparent: rgba(0, 212, 255, 0.12);
8+
--md-default-bg-color: #0a0a1a;
9+
--md-default-fg-color: #a0a0b8;
10+
--md-default-fg-color--light: #6b6b80;
11+
--md-typeset-color: #a0a0b8;
12+
--md-typeset-a-color: #a78bfa;
13+
--yat-hero-start: #120a20;
14+
--yat-hero-end: #1b1030;
15+
--yat-border: rgba(255, 255, 255, 0.06);
16+
--yat-shadow: 0 24px 60px rgba(0, 0, 0, 0.32);
1117
}
1218

1319
[data-md-color-scheme='slate'] {

mkdocs.yml

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@ theme:
99
logo: img/nexa-logo-noframe.png
1010
favicon: img/nexa-logo.png
1111
font:
12-
text: false
13-
code: false
12+
text: Roboto
13+
code: Roboto Mono
1414
palette:
1515
- media: '(prefers-color-scheme: light)'
1616
scheme: default

0 commit comments

Comments
 (0)