Skip to content

Commit 946f644

Browse files
034: apply default layout to all pages + cream brand palette
Two fixes: 1. Inner pages were rendering with NO theme (raw HTML, no sidebar, no header CSS). Just the Docs only auto-applies its layout if pages declare 'layout: default' or a Jekyll defaults block sets it. Add the defaults block in _config.yml so every page gets the theme layout without per-file frontmatter changes. 2. Tune the color scheme to match the SPECTRA banner: cream content background (#fbf7ec), navy sidebar (#16213e), teal links and accents. Adds warm orange variable for future use.
1 parent 0b252f7 commit 946f644

File tree

2 files changed

+32
-24
lines changed

2 files changed

+32
-24
lines changed

docs/_config.yml

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -54,6 +54,13 @@ back_to_top_text: "Back to top"
5454
plugins:
5555
- jekyll-seo-tag
5656

57+
# Default layout for every page (Just the Docs sidebar + header)
58+
defaults:
59+
- scope:
60+
path: ""
61+
values:
62+
layout: default
63+
5764
# Exclude machine-generated files & build artifacts from the site
5865
exclude:
5966
- "criteria/"
Lines changed: 25 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,50 +1,51 @@
11
// =============================================================
22
// 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.
45
// =============================================================
56

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
1112
$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;
1720

1821
// --- Sidebar / Navigation ---
1922
$sidebar-color: $spectra-navy;
2023
$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;
2327

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;
2731
$body-heading-color: $spectra-navy;
2832

2933
// --- Links ---
3034
$link-color: $spectra-teal-dark;
3135

3236
// --- 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;
3539

3640
// --- Code ---
37-
$code-background-color: #f0f4f8;
41+
$code-background-color: $spectra-code-bg;
3842

3943
// --- Buttons ---
4044
$btn-primary-color: $spectra-teal;
4145

4246
// --- Header / Top bar ---
43-
$header-color: $spectra-dark;
47+
$header-color: $spectra-navy-deep;
4448
$header-text-color: #ffffff;
4549

4650
// --- 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

Comments
 (0)