Repository navigation
feat(tui): match the banner to the landing page wordmark - #140
Merged
Merged
Conversation
The home/session banner drew the codev wordmark in the active theme's `secondary` (teal in dark, purple in light) with a tint-derived drop shadow, so the TUI and the marketing site showed the same glyph art in different colors. Draw it in the landing page's brand palette instead (codev-landing-page app/components/PixelWordmark.tsx): "co" in brand navy on light and the theme foreground on dark, "dev" in brand red, no drop shadow. The glyph art is unchanged. `wordmarkHalves` keeps each row split so the two halves can take their own color, and `wordmark` is composed from it. The CLI banner follows via `ansiWordmark` — bold, no shadow, "dev" in brand red truecolor, "co" in the terminal's default foreground since the banner cannot detect light vs dark. The `codev --mini` entry/exit badge follows too: the landing page draws the same compact "C" glyph in brand red in both modes (codev-landing-page app/icon.svg), so `RunSplashTheme.mark` becomes `rgba(brand.red)`. Being mode-independent, `splashTheme` drops the forked `pick` param and returns to upstream's `(theme, indexed)` signature. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
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.
What
The home/session banner drew the codev wordmark in the active theme's
secondary(teal in dark, purple in light) with atint-derived drop shadow, so the TUI and the marketing site showed the same glyph art in different colors. This recolors it to the landing page's brand palette. The glyph art itself is unchanged.#0891b2+ shadowcotheme foreground,devbrand red#ee0033#7b5bb6+ shadowcobrand navy#19224c,devbrand red--help,upgrade,web,uninstall)codefault fg,devbrand red--miniCbadgeReference:
codev-landing-pageapp/components/PixelWordmark.tsx(text-brand-navy dark:text-foreground+text-brand-red) andapp/globals.css(--color-brand-navy,--color-brand-red).Notes
wordmarkHalveskeeps each row split into its "co" / "dev" halves so each takes its own color;wordmark(plain lines) is composed from it. The component now paints one bold<text>per half instead of per-char shadow cells.--minibadge color was not a guess:codev-landing-pageapp/icon.svgrenders the same compact "C" glyph in#ee0033in both modes. Because it is mode-independent,splashThemedrops the forkedpickparam and returns to upstream's(theme, indexed)signature — so this PR is a net reduction in divergence for that file.Verification
bun typecheckclean inpackages/tuiandpackages/opencode.packages/tui: 244 pass / 0 fail.packages/opencode/test/cli/run: 196 pass / 0 fail (theme.test.tsmarkassertion updated to[238, 0, 51]).co=238;238;238(theme foreground),dev=238;0;51co=25;34;76(#19224c),dev=238;0;51--minientry badge —238;0;51--miniexit badge draws from the samemark_fg = input.theme.markbinding in the other branch ofbuild, so it follows by construction; it is confirmed by code path, not visually, becauseshowExitrequires a session with history and the scratch run had none.DIVERGENCES.mdrows forlogo.ts,component/logo.tsx,cli/ui.ts,run/splash.ts, andrun/theme.tsare updated, plus aCHANGELOG.mdUnreleased entry.🤖 Generated with Claude Code