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

feature: AppBar clearance & Theming

Browse Source
This commit is contained in:
daniel-c-harvey
2026-06-19 22:04:57 -04:00
parent 0b8593950b
commit eb7e977f3c
4 changed files with 32 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
DeepDrftShared.Client/wwwroot/styles/deepdrft-tokens.css
+15
View File
@@ -90,11 +90,26 @@
(visualizer/queue/privacy) do NOT bind this — they keep --deepdrft-panel-ground directly. */
--deepdrft-popover-surface: color-mix(in srgb, var(--deepdrft-navy) 8%, var(--deepdrft-white));
/* Fixed-nav height — single source of truth shared by the frosted-glass nav
(DeepDrftMenu.razor.css pins .dd-nav to this) and the main-content clearance
(.dd-main-content padding-top in deepdrft-styles.css). The nav is position:fixed
so content scrolls under its backdrop blur; this keeps the clearance in lockstep
with the bar so content never overlaps. Mobile (<600px) override below. */
--deepdrft-nav-height: 88px;
/* Legacy font aliases retired in Phase 0.1 — all consumers now use --deepdrft-font-*.
Palette aliases (--deepdrft-primary, --theme-*, etc.) remain; they still have
consumers and are scheduled for retirement in Phase 0.3/0.4. */
}
/* Mobile fixed-nav height — matches the <600px breakpoint in DeepDrftMenu.razor.css
(tighter horizontal padding + smaller bar). Cascades to .dd-nav and .dd-main-content. */
@media (max-width: 599px) {
:root {
--deepdrft-nav-height: 72px;
}
}
/* Dark theme - wireframe palette (navy ground / green-accent / off-white).
Mirrors the light palette's vocabulary on a dark ground. Same alias structure
as :root so utility classes (.deepdrft-chip-*, .deepdrft-border-*, .deepdrft-text-*)