daniel/deepdrft
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 13 Wiki Activity

style: Phase 18 Wave 2 — appbar navy, dark hero legibility, true page ground, green-on-green play chip

Browse Source
This commit is contained in:
daniel-c-harvey
2026-06-19 20:32:21 -04:00
parent 0f7088fe86
commit fcc95b9195
6 changed files with 44 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
DeepDrftShared.Client/Common/DeepDrftPalettes.cs
+1 -1
View File
@@ -114,7 +114,7 @@ public static class DeepDrftPalettes
Tertiary = "#1A3C34", // Deep green - tertiary accent
Background = "#0D1B2A", // Navy - the light palette's primary as the dark ground
Surface = "#162437", // Navy-mid - elevated cards/panels
AppbarBackground = "rgba(13,27,42,0.92)", // Semi-opaque navy
AppbarBackground = "rgba(17,35,56,0.92)", // Semi-opaque #112338 navy (dark-mode page ground)
AppbarText = "#FAFAF8",
DrawerBackground = "#162437", // Navy-mid
DrawerText = "#FAFAF8",
DeepDrftShared.Client/wwwroot/styles/deepdrft-tokens.css
+8 -6
View File
@@ -131,17 +131,19 @@
--gradient-warm: var(--deepdrft-green);
--gradient-light: var(--deepdrft-green-light);
/* Theme-aware page-surface family (Phase 18) — inverted onto the navy ground.
OQ#1 resolved: GROUND (--deepdrft-navy), so neutral sections (Home hero-left,
/* Theme-aware page-surface family (Phase 18) — inverted onto the true page ground.
Binds --mud-palette-background (#0D1B2A) so neutral sections (Home hero-left,
medium grid, footer, About light sections) dissolve into the site background as
one continuous dark field rather than reading as raised panels. */
--deepdrft-page-surface: var(--deepdrft-navy);
one continuous dark field rather than reading as raised panels (#112338 navy
is card-elevation, not the page ground). */
--deepdrft-page-surface: var(--mud-palette-background);
--deepdrft-page-text: var(--deepdrft-white);
/* Lift muted text toward white so eyebrows/sub-text stay legible on the dark ground. */
--deepdrft-page-text-muted: color-mix(in srgb, var(--deepdrft-muted) 70%, var(--deepdrft-white));
/* Play-chip family (Phase 18) — moss-green chip, navy glyph. The -soft variant is the
player-bar override: same green, much less opaque (translucent wash over the navy dock). */
/* Play-chip family (Phase 18) — moss-green chip, navy glyph (green-on-green on the
player bar; navy-on-green on solid chips). The -soft variant is the player-bar
override: same green, much less opaque (translucent wash over the navy dock). */
--deepdrft-play-chip: var(--deepdrft-green-accent);
--deepdrft-play-glyph: var(--deepdrft-navy);
--deepdrft-play-chip-soft: color-mix(in srgb, var(--deepdrft-green-accent) 30%, transparent);