|
1 | 1 | // ============================================================= |
2 | 2 | // SPECTRA color scheme for Just the Docs |
3 | | -// Matches Automate The Planet brand identity |
| 3 | +// Matches Automate The Planet "SPECTRA" banner — cream background, |
| 4 | +// dark navy text/sidebar, teal accents. |
4 | 5 | // ============================================================= |
5 | 6 |
|
6 | | -// --- ATP Brand Palette --- |
7 | | -$spectra-teal: #00bcd4; |
8 | | -$spectra-teal-light: #4dd0e1; |
9 | | -$spectra-teal-dark: #0097a7; |
10 | | -$spectra-navy: #16213e; |
| 7 | +// --- ATP / SPECTRA Brand Palette --- |
| 8 | +$spectra-cream: #f6f0e1; // banner background |
| 9 | +$spectra-cream-soft: #fbf7ec; // slightly lighter for content area |
| 10 | +$spectra-cream-deep: #ede4cf; // borders / dividers |
| 11 | +$spectra-navy: #16213e; // primary headings, sidebar |
11 | 12 | $spectra-navy-light: #1a2744; |
12 | | -$spectra-dark: #0f1628; |
13 | | -$spectra-charcoal: #1a1a2e; |
14 | | -$spectra-slate: #2c3e50; |
15 | | -$spectra-ice: #e8f4f8; |
16 | | -$spectra-white: #fafcfd; |
| 13 | +$spectra-navy-deep: #0f1628; // header bar |
| 14 | +$spectra-teal: #00bcd4; // accent / buttons |
| 15 | +$spectra-teal-light: #4dd0e1; |
| 16 | +$spectra-teal-dark: #0097a7; // links |
| 17 | +$spectra-orange: #e8743a; // logo accent (warm) |
| 18 | +$spectra-text: #2a2f45; |
| 19 | +$spectra-code-bg: #efe9d8; |
17 | 20 |
|
18 | 21 | // --- Sidebar / Navigation --- |
19 | 22 | $sidebar-color: $spectra-navy; |
20 | 23 | $nav-width: 17.5rem; |
21 | | -$nav-child-link-color: rgba(255, 255, 255, 0.75); |
22 | | -$nav-link-color: rgba(255, 255, 255, 0.9); |
| 24 | +$nav-link-color: rgba(255, 255, 255, 0.92); |
| 25 | +$nav-child-link-color: rgba(255, 255, 255, 0.78); |
| 26 | +$nav-active-link-color: $spectra-teal-light; |
23 | 27 |
|
24 | | -// --- Body --- |
25 | | -$body-background-color: $spectra-white; |
26 | | -$body-text-color: #2d3748; |
| 28 | +// --- Body / Content area --- |
| 29 | +$body-background-color: $spectra-cream-soft; |
| 30 | +$body-text-color: $spectra-text; |
27 | 31 | $body-heading-color: $spectra-navy; |
28 | 32 |
|
29 | 33 | // --- Links --- |
30 | 34 | $link-color: $spectra-teal-dark; |
31 | 35 |
|
32 | 36 | // --- Search --- |
33 | | -$search-background-color: $spectra-ice; |
34 | | -$search-result-preview-color: $body-text-color; |
| 37 | +$search-background-color: $spectra-cream; |
| 38 | +$search-result-preview-color: $spectra-text; |
35 | 39 |
|
36 | 40 | // --- Code --- |
37 | | -$code-background-color: #f0f4f8; |
| 41 | +$code-background-color: $spectra-code-bg; |
38 | 42 |
|
39 | 43 | // --- Buttons --- |
40 | 44 | $btn-primary-color: $spectra-teal; |
41 | 45 |
|
42 | 46 | // --- Header / Top bar --- |
43 | | -$header-color: $spectra-dark; |
| 47 | +$header-color: $spectra-navy-deep; |
44 | 48 | $header-text-color: #ffffff; |
45 | 49 |
|
46 | 50 | // --- Borders --- |
47 | | -$border-color: #e2e8f0; |
48 | | - |
49 | | -// --- Active navigation item --- |
50 | | -$nav-active-link-color: $spectra-teal-light; |
| 51 | +$border-color: $spectra-cream-deep; |
0 commit comments