WIP: theme preset gallery and custom color editor#7276
Draft
aharvard wants to merge 1 commit intotheme-tokensfrom
Draft
WIP: theme preset gallery and custom color editor#7276aharvard wants to merge 1 commit intotheme-tokensfrom
aharvard wants to merge 1 commit intotheme-tokensfrom
Conversation
aharvard
force-pushed
the
theme-tokens
branch
from
41924fe to
e31f47c
Compare
aharvard
force-pushed
the
theme-builder
branch
from
eebc31d to
cc099ac
Compare
aharvard
force-pushed
the
theme-tokens
branch
from
e31f47c to
7ea66b4
Compare
aharvard
force-pushed
the
theme-builder
branch
from
cc099ac to
fdebaa7
Compare
aharvard
force-pushed
the
theme-tokens
branch
from
7ea66b4 to
273efa7
Compare
aharvard
force-pushed
the
theme-builder
branch
from
fdebaa7 to
808082c
Compare
aharvard
changed the title
aharvard
force-pushed
the
theme-tokens
branch
from
273efa7 to
72ecd3f
Compare
aharvard
force-pushed
the
theme-builder
branch
from
808082c to
c7626f8
Compare
aharvard
force-pushed
the
theme-tokens
branch
from
72ecd3f to
f197484
Compare
aharvard
force-pushed
the
theme-builder
branch
from
c7626f8 to
67e1957
Compare
aharvard
force-pushed
the
theme-tokens
branch
from
f197484 to
5dc34ec
Compare
aharvard
force-pushed
the
theme-builder
branch
from
67e1957 to
3acc339
Compare
aharvard
force-pushed
the
theme-tokens
branch
from
5dc34ec to
90bc11a
Compare
aharvard
force-pushed
the
theme-builder
branch
2 times, most recently
from
9bdc029 to
aee1458
Compare
aharvard
force-pushed
the
theme-builder
branch
from
aee1458 to
72b89f5
Compare
This was referenced Feb 17, 2026
Closed
- Add 10 built-in theme presets: Goose Classic, Nord, Dracula, Solarized, Monokai, GitHub, Gruvbox, Tokyo Night, One Dark, High Contrast - Add PresetGallery with tag filtering and one-click apply - Add ThemeColorEditor with Presets and Custom Colors tabs - Add SimpleColorPicker (hue spectrum + saturation/lightness grid) - Add ColorPreview showing live preview across real UI components - Add custom theme CRUD (save/edit/delete to localStorage) - Add "Customize Colors" button in Settings → Appearance - Presets define partial color overrides (~18 keys), merged on top of goose-classic defaults (~60+ keys) at apply time - Zero server endpoints — everything is client-side - No external dependencies for color picking
aharvard
force-pushed
the
theme-builder
branch
from
72b89f5 to
2bb4c0b
Compare
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
2 participants
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.
Summary
Adds a full theme builder experience — preset gallery and custom color editor — on top of the token infrastructure from #7275.
What's included
PresetGallery— grid of preset cards with tag filtering, one-click apply, color preview swatchesThemeColorEditor— full-screen dialog with two tabs (Presets / Custom Colors)SimpleColorPicker— hue spectrum + saturation/lightness grid, no external depsColorPreview— live preview showing how each color variable appears in real UI components (sidebar, chat bubbles, cards, buttons, etc.)Key decisions
chroma-jsdependency — the color picker is self-containedstyle.setProperty()localStorageVerification
cargo build -p goose-servercargo fmt -- --checkcargo clippy --all-targets -- -D warningsnpx tsc --noEmit(zero errors)eslint(zero new errors, 1 pre-existing warning in McpAppRenderer)Related