feat(ui): add the Mono Chromium theme#115
Merged
Merged
Conversation
A dark, monochromatic steel-blue theme. Unlike the neon palettes, the whole interface collapses to one cool metal: update severity reads by brightness (error brightest -> prerelease dimmest) rather than hue, and default text/icons are tinted cool instead of white. Adds the palette to vuetify.js, a themed steel-blue brand mark (hosaka-logo-mono.svg) wired through AppBar with a matching glow, and a picker entry with a dark swatch so it reads as a dark theme. Also fixes the Corpo picker swatch (near-black + grey -> white + grey) so the only light theme reads as light at a glance.
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
1 participant
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.
What
Adds Mono Chromium, a dark, monochromatic steel-blue theme, and fixes the Corpo picker swatch.
Where the neon themes spread across the spectrum, Mono Chromium collapses the whole interface to one cool metal. It stays monochromatic (a single blue hue) but with real chroma so it reads as alive steel rather than dead grey.
Details
vuetify.js): steel-blue tokens. Update severity reads by brightness instead of hue, so it maps straight onto the existingerror/warning/success/prereleaseladder (error brightest, prerelease dimmest).on-surface/on-backgroundare tinted cool so text keeps the chromium cast.hosaka-logo-mono.svg(steel-blue mark) wired intoAppBar'sTHEME_LOGOS, with a matching blue glow incyberpunk.css, same pattern as the other themes.NavigationDrawer.vue): slotted before Corpo, with a dark steel swatch so it reads as a dark theme (the mirror of the Corpo fix).#0D0D0D/#767676->#FFFFFF/#B0B0B0, so the only light theme reads as light in the picker.Verification
Built and exercised on a dev stack: selecting Mono Chromium repaints the container list, chips, and chrome in cool steel; the brightness ladder distinguishes major/minor/patch/prerelease updates; the logo swaps to the steel mark with its blue glow; and the picker shows the dark Mono Chromium swatch alongside the corrected white/grey Corpo swatch.