Skip to content

feat(app): deepen dark-theme elevation hierarchy (keep the purple)#29

Merged
drewstone merged 1 commit into
mainfrom
fix/dark-theme-hierarchy
Jun 14, 2026
Merged

feat(app): deepen dark-theme elevation hierarchy (keep the purple)#29
drewstone merged 1 commit into
mainfrom
fix/dark-theme-hierarchy

Conversation

@drewstone

Copy link
Copy Markdown
Contributor

Stranded follow-up to #28 (it merged ~3 min before this commit was pushed, so it missed the train).

Dark mode read flat: every card rendered --s-glass = the surface color at 62%, and --s-glass-strong shared that same base — so bg, sidebar, and cards were all one aubergine at different opacities, stacked on each other. The solid panel tiers were barely used.

Re-tier the dark palette in the violet family:

  • Deepen the floor (#0f0a1a) and widen the four steps (bg → surface → panel → panel-strong).
  • Point the glass surfaces at the lighter panel tiers and raise opacity (0.72 / 0.86) so cards visibly float above the page.
  • Make borders more present (0.18 / 0.36).

Identity unchanged — light-violet accent + periwinkle brand, no teal borrowed from the arena. Light theme untouched.

Verified via screenshots: dark home + markets (clear card/panel elevation), light home (no regression).

🤖 Generated with Claude Code

Dark mode read flat: every card rendered --s-glass = the *surface* color at 62%,
and --s-glass-strong shared that same base — so bg, sidebar, and cards were all
the one aubergine at different opacities, stacked on each other. The solid
panel/panel-strong tiers were barely used.

Re-tier the dark palette in the violet family: deepen the floor (#0f0a1a),
widen the four steps (bg -> surface -> panel -> panel-strong), point the glass
surfaces at the lighter *panel* tiers and raise their opacity (0.72 / 0.86) so
cards visibly float above the page, and make borders more present (0.18 / 0.36).
Identity unchanged — still the light-violet accent + periwinkle brand, no teal.
Light theme untouched.

Verified dark (home + markets) and light (no regression) via screenshots.
@drewstone drewstone merged commit 565dc92 into main Jun 14, 2026
7 of 8 checks passed
@drewstone drewstone deleted the fix/dark-theme-hierarchy branch June 14, 2026 10:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant