docs: match SOCFortress brand theme in MkDocs (#697)
Co-authored-by: Clawdbot <clawdbot@Clawdbots-Mac-mini.local>
taylorcopilot committed
Feb 14, 2026 at 11:09 UTC
0ca8d89dd4d7623bc3aff17f5cc880a2314c44ba
2 files changed
+82
docs/stylesheets/socfortress-theme.css
new
+71
@@ -0,0 +1,71 @@
1
+/*
2
+SOCFortress theme overrides for MkDocs Material.
3
+
4
+Palette extracted from https://www.socfortress.co/ (see /_nuxt/entry.*.css):
5
+- primary-500: #f85d3b
6
+- primary-600: #e5411d
7
+- primary-400: #ff6f4f
8
+- accent-500: #884fff
9
+- accent-600: #7d30f7
10
+- background: #0b0912
11
+- grey-600: #38384b
12
+- overlay-light: rgba(255,255,255,0.10)
13
+
14
+Goal: keep MkDocs Material UX, but match SOCFortress brand colors + dark aesthetic.
15
+*/
16
+
17
+:root {
18
+ /* Brand colors */
19
+ --md-primary-fg-color: #f85d3b;
20
+ --md-primary-fg-color--light: #ff6f4f;
21
+ --md-primary-fg-color--dark: #e5411d;
22
+
23
+ --md-accent-fg-color: #884fff;
24
+
25
+ /* Links */
26
+ --md-typeset-a-color: #f85d3b;
27
+}
28
+
29
+/* Force dark aesthetic matching socfortress.co */
30
+[data-md-color-scheme="slate"] {
31
+ --md-default-bg-color: #0b0912;
32
+ --md-default-fg-color: rgba(255, 255, 255, 0.92);
33
+ --md-default-fg-color--light: rgba(255, 255, 255, 0.72);
34
+ --md-default-fg-color--lighter: rgba(255, 255, 255, 0.55);
35
+ --md-default-fg-color--lightest: rgba(255, 255, 255, 0.14);
36
+
37
+ /* Slightly brighter panels */
38
+ --md-code-bg-color: rgba(255, 255, 255, 0.06);
39
+ --md-footer-bg-color: rgba(255, 255, 255, 0.03);
40
+ --md-footer-bg-color--dark: rgba(255, 255, 255, 0.05);
41
+
42
+ /* Table borders */
43
+ --md-typeset-table-color: rgba(255, 255, 255, 0.12);
44
+}
45
+
46
+/* Header + tabs: glassy like the site */
47
+.md-header,
48
+.md-tabs {
49
+ background: rgba(11, 9, 18, 0.72);
50
+ backdrop-filter: blur(10px);
51
+}
52
+
53
+/* Sidebar: subtle separation */
54
+.md-sidebar__scrollwrap {
55
+ background: rgba(255, 255, 255, 0.02);
56
+}
57
+
58
+/* Buttons and code-copy hover feel */
59
+.md-typeset .md-button--primary {
60
+ background-color: #f85d3b;
61
+ border-color: #f85d3b;
62
+}
63
+.md-typeset .md-button--primary:hover {
64
+ background-color: #e5411d;
65
+ border-color: #e5411d;
66
+}
67
+
68
+/* Improve readability of inline code on dark */
69
+[data-md-color-scheme="slate"] .md-typeset code {
70
+ border: 1px solid rgba(255, 255, 255, 0.08);
71
+}
mkdocs.yml
+11
@@ -10,6 +10,13 @@ use_directory_urls: true
10
theme:
11
name: material
12
language: en
13
+ font:
14
+ text: IBM Plex Sans
15
+ code: JetBrains Mono
16
+ palette:
17
+ - scheme: slate
18
+ primary: custom
19
+ accent: custom
20
features:
21
- navigation.instant
22
- navigation.instant.progress
@@ -41,7 +48,11 @@ markdown_extensions:
48
- def_list
49
- footnotes
50
51
+extra:
52
+ generator: false
53
+
54
extra_css:
55
+ - stylesheets/socfortress-theme.css
56
- stylesheets/extra.css
57
58
nav: