Skip to content

Commit 16a6940

Browse files
Dark-only theme with darker header blues
1 parent 6ea065f commit 16a6940

2 files changed

Lines changed: 13 additions & 31 deletions

File tree

docs/assets/stylesheets/extra.css

Lines changed: 10 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,28 @@
1-
/* ─── Salesforce Brand Colors ──────────────────────────────────────────────── */
2-
/* Primary: Salesforce Blue #00A1E0 */
1+
/* ─── Salesforce Brand Colors (dark palette) ────────────────────────────────── */
2+
/* Primary: #0176d3 | Header: #014d86 | Tabs: #003d6e */
33

4-
:root {
5-
--md-primary-fg-color: #00A1E0;
6-
--md-primary-fg-color--light: #33b4e7;
7-
--md-primary-fg-color--dark: #0176d3;
8-
--md-accent-fg-color: #0176d3;
9-
--md-accent-fg-color--transparent: #0176d31a;
10-
}
11-
12-
/* Dark mode overrides */
4+
:root,
135
[data-md-color-scheme="slate"] {
14-
--md-primary-fg-color: #00A1E0;
15-
--md-primary-fg-color--light: #33b4e7;
16-
--md-primary-fg-color--dark: #0176d3;
6+
--md-primary-fg-color: #0176d3;
7+
--md-primary-fg-color--light: #2196c4;
8+
--md-primary-fg-color--dark: #014486;
179
--md-accent-fg-color: #33b4e7;
10+
--md-accent-fg-color--transparent: #33b4e71a;
1811
}
1912

2013
/* ─── Navigation header ─────────────────────────────────────────────────────── */
2114
.md-header {
22-
background-color: #00A1E0;
15+
background-color: #014d86;
2316
}
2417

2518
.md-tabs {
26-
background-color: #0176d3;
19+
background-color: #003d6e;
2720
}
2821

2922
/* ─── Slightly tighten up image display ─────────────────────────────────────── */
3023
article img {
3124
max-width: 100%;
3225
border-radius: 4px;
33-
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
26+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
3427
margin: 0.5em 0;
3528
}

mkdocs.yml

Lines changed: 3 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -12,20 +12,9 @@ site_dir: site
1212
theme:
1313
name: material
1414
palette:
15-
# Light mode
16-
- scheme: default
17-
primary: custom
18-
accent: custom
19-
toggle:
20-
icon: material/brightness-7
21-
name: Switch to dark mode
22-
# Dark mode
23-
- scheme: slate
24-
primary: custom
25-
accent: custom
26-
toggle:
27-
icon: material/brightness-4
28-
name: Switch to light mode
15+
scheme: slate
16+
primary: custom
17+
accent: custom
2918
font:
3019
text: Roboto
3120
code: Roboto Mono

0 commit comments

Comments
 (0)