feat(app): deepen dark-theme elevation hierarchy (keep the purple)#29
Merged
Conversation
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.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
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-strongshared 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:
#0f0a1a) and widen the four steps (bg → surface → panel → panel-strong).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