docs(theme): add theme studio - #6675

Open

mikenewbon wants to merge 254 commits into

mikenewbon:docs/theme-studio-plan

This pull request is big! We're only showing the most recent 250 commits

Commits on Jul 5, 2026

fix(docs): make palette editor opt-in and escapable

mikenewbon
and
claude
committed
4ba2c59
fix(docs): match generated ramps to tailwind's color scale shape

mikenewbon
and
claude
committed
f2f8f50
feat(docs): channel-curve palette editor with tailwind reverse-fitting

mikenewbon
and
claude
committed
19bdb2d
feat(docs): stream theme updates live while dragging curves

mikenewbon
and
claude
committed
e3837d5
feat(docs): neutral-50 light background baseline + tighter drag transition

mikenewbon
and
claude
committed
6135c97
fix(docs): keep dark mode background intact under the neutral-50 baseline

mikenewbon
and
claude
committed
f14e176
feat(docs): shadow/border style controls and neo-brutalist preset

mikenewbon
and
claude
committed
6853b96
fix(docs): make bold/hard borders win over variant ring colors

mikenewbon
and
claude
committed
89c27a2
fix(docs): correct bold-border and hard-shadow semantics

mikenewbon
and
claude
committed
0a1a740
feat(docs): holistic style system, masonry bento, reference brutalist palette

mikenewbon
and
claude
committed
41babb0
feat(docs): four new presets and a compact settings panel

mikenewbon
and
claude
committed
a3076dd
feat(docs): per-mode neutral shade picker for shadow color

mikenewbon
and
claude
committed
c175d14
feat(docs): per-mode shade sliders for borders and background, palette style offsets

mikenewbon
and
claude
committed
a0267ff
feat(docs): collapsible layout + presets hydrate the settings panel

mikenewbon
and
claude
committed
accd314
feat(docs): semantic token shade sections and candy pastel offsets

mikenewbon
and
claude
committed
c768509
docs: mike takes the content tile

mikenewbon
and
claude
committed
8deeb3a
refactor(docs): adversarial review fixes across the theme studio

mikenewbon
and
claude
committed
9ef31ed
feat(docs): default variants, shadow geometry/opacity, accordion groups

mikenewbon
and
claude
committed
f9a2eff
feat(docs): sidebar polish — mode tabs, single-open groups, ghost section headers

mikenewbon
and
claude
committed
e9c1a40
fix(docs): flatten analytics payload to primitives for typecheck

mikenewbon
and
claude
committed
289b76d
feat(docs): custom palettes, shuffle depth, offset effect slider

mikenewbon
and
claude
committed
43e212a
feat(docs): primary shade sliders, primary-ramp shadow/border shades, per-group default variants

mikenewbon
and
claude
committed
d7841ce
feat(docs): Cabin and Harbor presets on the studio's own palettes

mikenewbon
and
claude
committed
23f1fae
feat(docs): oklch-native palette pipeline — generate, store and export oklch, not hex

mikenewbon
and
claude
committed
2226402
feat(docs): flat ghost shadows, full token slider coverage, font-size and spacing knobs

mikenewbon
and
claude
committed
46f0307
feat(docs): Orchard preset — orange on a sculpted grove neutral, exercising the new token axes

mikenewbon
and
claude
committed
573adca
feat(docs): semantic palette pickers, Background rename, card-wrapped sidebar sections

mikenewbon
and
claude
committed
4cf1629
feat(docs): inline palette-edit icons and custom curve editing for semantic colors

mikenewbon
and
claude
committed
ae8cccb
fix(docs): update palette and color-parse specs to the oklch-native pipeline

mikenewbon
and
claude
committed
1e55e36
feat(docs): legend chips on every sidebar section, edit buttons grouped with their selects

mikenewbon
and
claude
committed
a193edd
feat(docs): per-group variant options matching each component's real variant set

mikenewbon
and
claude
committed
0096bd1
feat(docs): preview view tabs with template-faithful Dashboard and Chat layouts, presets in sidebar

mikenewbon
and
claude
committed
79975db
feat(docs): theme importer — parse exported CSS/config back into editable studio state

mikenewbon
and
claude
committed
8109504
fix(docs): border recoloring no longer repaints semantic outline/subtle rings

mikenewbon
and
claude
committed
35aeba8
feat(docs): SaaS and Landing preview views from the real templates

mikenewbon
and
claude
committed
ae5864b
fix(docs): audit fixes — input-family and overlay treatment coverage, neutral remaps on every path, style always exports

mikenewbon
and
claude
committed
2f72b57
feat(docs): section the palette pickers into Colors and Neutrals

mikenewbon
and
claude
committed
0fe2768
fix(docs): resolve the mode tab selection after mount — SSR can't know a system pref

mikenewbon
and
claude
committed
7abd4da
feat(docs): resculpted Harbor preset and refreshed sand ramp

mikenewbon
and
claude
committed
25bf100
feat(docs): rework border controls — Default/None/Custom with a width slider, frame retired

mikenewbon
and
claude
committed
741f565
feat(docs): frame toggle under custom borders, matched option order, primary-tinted active states

mikenewbon
and
claude
committed
fbf36f9
feat(docs): border width reaches chrome edges, separators and dividers; frame covers tabs, chat bubbles and switches

mikenewbon
and
claude
committed
bd6fc63
feat(docs): studio chrome follows the border width too

mikenewbon
and
claude
committed
971ed0e

Commits on Jul 6, 2026

Commits on Jul 7, 2026

Commits on Jul 9, 2026

feat(docs): studio controls move into the site header on /theme

mikenewbon
and
claude
committed
ecc88fc
feat(docs): bottom toolbar, fullscreen floating bar, header view tabs

mikenewbon
and
claude
committed
7b453d0
refactor(docs): header view tabs move into the navigation menu's list-leading slot

mikenewbon
and
claude
committed
2045a34
feat(docs): studio menu nests resources one level down

mikenewbon
and
claude
committed
7d6db7c
feat(docs): studio grid renders the landing playground masonry

mikenewbon
and
claude
committed
de1d29d
fix(docs): fullscreen toolbar gets container max-width and a taller reveal zone

mikenewbon
and
claude
committed
25d257e
fix(docs): adjust studio menu popover width for improved layout
mikenewbon
committed
74fd8d0
feat(docs): palette curve editors get a live 2D color field background

mikenewbon
and
claude
committed
7e5359b
feat(docs): smooth the curve editor color field, drop the grid lines

mikenewbon
and
claude
committed
c57e93d
fix(docs): curve editor field columns align fence-post with the plot

mikenewbon
and
claude
committed
6ed2a48
fix(docs): playground prompt tile no longer steals focus on load

mikenewbon
and
claude
committed
decb68e
feat(docs): slim theme popover on the header swatch button

mikenewbon
and
claude
committed
7bbe30f
fix(docs): preset menu names the applied preset across reloads, says Custom once edited

mikenewbon
and
claude
committed
37cdb2e
feat(docs): shades fold into the Colors popover

mikenewbon
and
claude
committed
d7acb94
fix(docs): CodeRabbit review pass

mikenewbon
and
claude
committed
af1bcde
fix(docs): adversarial review pass — history, fullscreen, palette and import hardening

mikenewbon
and
claude
committed
c83fd13

Commits on Jul 10, 2026

Commits on Jul 11, 2026

feat(docs): structured borders, richer icon sets and a Bootstrap 5 preset

mikenewbon
and
claude
committed
274d1da
fix(docs): adversarial review pass over the full theme studio PR

mikenewbon
and
claude
committed
aa34b53
fix(docs): color-mode shortcut lands on ⌘⇧D; CI typecheck fix

mikenewbon
and
claude
committed
aed4e55
fix(docs): color-mode shortcut settles on ⌃⇧D

mikenewbon
and
claude
committed
7684316
fix(docs): custom shadow seed visible at 20%, inherit clears the knobs

mikenewbon
and
claude
committed
d8a729b
feat(docs): playground grid rides a virtualized UScrollArea masonry

mikenewbon
and
claude
committed
c89a698
feat(docs): listbox-powered theme pickers

mikenewbon
and
claude
committed
a033494
fix(docs): refine theme studio components for improved usability
mikenewbon
committed
887d36a
feat(docs): enhance theme studio components with default values and styling updates
mikenewbon
committed
87a425d
feat(docs): enhance Playground and Theme Studio components with new features
mikenewbon
committed
da65ac0
feat(docs): update PlaygroundContributors.vue to enhance contributor visibility
mikenewbon
committed
ff6dba7
feat(docs): enhance theme studio components with reset functionality
mikenewbon
committed
2bd89a0
feat(docs): add reset functionality to theme.vue for improved theme management
mikenewbon
committed
a72ef89

Commits on Jul 12, 2026

Commits on Jul 14, 2026

Commits on Jul 15, 2026

Commits on Jul 16, 2026

Commits on Jul 17, 2026

feat(theme-engine): enhance CSS generation for light and dark themes
mikenewbon
committed
25c2808

Commits on Jul 20, 2026

Commits on Jul 21, 2026

refactor(theme-studio): optimize swatch handling and performance
mikenewbon
committed
0d2bce3

Commits on Jul 25, 2026

feat(theme-studio): pinned brand colours, curve accuracy, drag performance

mikenewbon
and
claude
committed
d7c359e
fix(theme-studio): persist multi-pins and keep endpoints on the curve

mikenewbon
and
claude
committed
ed71bb6
fix(theme-studio): stop stock ramps crashing the palette editor

mikenewbon
and
claude
committed
f88a9c1
refactor(theme-studio): improve swatch detail handling and animation
mikenewbon
committed
217d9e4
feat(theme-studio): 25 and 10 shade intervals in the palette editor

mikenewbon
and
cursoragent
committed
91eb659
Merge branch 'v4' into docs/theme-studio-plan
mikenewbon
authored
80ef29d
fix(theme-studio): specs follow the stopStep API

mikenewbon
and
claude
committed
b98649f
fix(theme-studio): apply shadow shade slider in custom mode; trim comments

mikenewbon
and
claude
committed
2a63b56
feat(theme-studio): add button and badge variant color specifications
mikenewbon
committed
1512426
refactor(theme-studio): collapse shadows into one Custom config

mikenewbon
and
claude
committed
204e2a8

Commits on Jul 27, 2026

feat(theme-studio): press-effect option, themed tabs, reset and staleness fixes

mikenewbon
and
claude
committed
5c0ff55
fix(theme-studio): parse the CSS none keyword in oklch colors

mikenewbon
and
claude
committed
addd3cb
Merge branch 'v4' into docs/theme-studio-plan
mikenewbon
authored
3a16fb8

Commits on Jul 29, 2026

refactor(theme-studio): trim comments, rename press/border vars, drop legacy vocabulary

mikenewbon
and
claude
committed
454582e
test(theme-studio): drop legacy shadow/border values from specs

mikenewbon
and
claude
committed
b6a25be
Merge branch 'v4' into docs/theme-studio-plan
mikenewbon
authored
e4baec5
refactor(theme-studio): keyboard-operable curves, lazy previews, drop dead code

mikenewbon
and
claude
committed
b770a34
refactor(theme-studio): fold compound variants that select the same variants

mikenewbon
and
claude
committed
ef6760a

Commits on Aug 1, 2026

docs(blog): add a WIP theme studio article

mikenewbon
and
claude
committed
21938e3
refactor(theme-studio): split the presets listbox out of the menu

mikenewbon
and
claude
committed
aeb5b56
fix(theme-studio): header and picker feedback pass

mikenewbon
and
claude
committed
0a3476d

Commits on Aug 2, 2026

fix(theme-studio): drop the shuffle die from the header picker

mikenewbon
and
claude
committed
b661e0b
refactor(theme-studio): one settings panel, type and icons on the toolbar

mikenewbon
and
claude
committed
a89ad23
fix(theme-studio): truncate picker labels, and apply the saved icon pack

mikenewbon
and
claude
committed
c807089
fix(theme-studio): apply the saved icon pack to appConfig after hydration

mikenewbon
and
claude
committed
55884e6
fix(theme-studio): gate the icon pack at its source; quieter picker triggers

mikenewbon
and
claude
committed
eba3087
feat(theme-studio): Options panel with a pack-aware icon, accented triggers

mikenewbon
and
claude
committed
7a8dddf
refactor(theme-studio): preset button wears its preset; toolbar sheds the pickers

mikenewbon
and
claude
committed
0ccf22b
fix(theme-studio): adjust UContainer class for fullscreen handling
mikenewbon
committed
a2ba282
refactor(theme-studio): Defaults groups reuse the static section primitive

mikenewbon
and
claude
committed
179d17c
chore: ignore Playwright MCP scratch output

mikenewbon
and
claude
committed
fefea9e
refactor(theme-studio): one ThemeStudioRow for every settings row

mikenewbon
and
claude
committed
879bd1e
feat(theme-studio): shade rows become a row variant; sections nest properly

mikenewbon
and
claude
committed
c5af27e
refactor(theme-studio): depth drives section behaviour; one spacing scheme

mikenewbon
and
claude
committed
40d4c87
refactor(theme-studio): review pass — dedupe, dead code, stale strings

mikenewbon
and
claude
committed
6d0d3ec
feat(theme-studio): toolbar owns font and icons, behind form fields

mikenewbon
and
claude
committed
cce6a87
fix(theme-studio): restore the picker size prop; toolbar opens the options

mikenewbon
and
claude
committed
ef44811
refactor(theme-studio): split the die out of the preset menu

mikenewbon
and
claude
committed
ed5f915
feat(theme-studio): even out 8-bit's ramp, and name both custom neutrals

mikenewbon
and
claude
committed
d2ec6e5
Merge branch 'v4' into docs/theme-studio-plan
mikenewbon
authored
90744fd
refactor(theme-studio): colors button back to stacked dots and one label

mikenewbon
and
claude
committed
3bfe61d
refactor(theme-studio): enhance ThemeStudioSection for improved layout and functionality

mikenewbon
and
claude
committed
eb336e2
fix(theme-studio): shade editors get their own section; scope the first-child reset

mikenewbon
and
claude
committed
071872e
refactor(theme-studio): fold single-consumer wrappers back into their hosts

mikenewbon
and
claude
committed
1c1c4e6
refactor(theme-studio): font picker builds on the list picker

mikenewbon
and
claude
committed
4817b34
refactor(theme-studio): shade groups own their dirty/reset

mikenewbon
and
claude
committed
3a42b1b
refactor(theme-studio): shadow, inner shadow and borders share one component

mikenewbon
and
claude
committed
7a1a636
feat(theme-studio): toolbar controls share one field, tooltipped when unlabelled

mikenewbon
and
claude
committed
390e230
refactor(theme-studio): the page composes, the composables behave

mikenewbon
and
claude
committed
33e956d
fix(theme-studio): sub-sections stay open, and the closed fold stops padding the panel

mikenewbon
and
claude
committed
7520a62
fix(theme-studio): the shade fold breathes again when open

mikenewbon
and
claude
committed
f1fd731
fix(theme-studio): shade folds space off the control above them, smoothly

mikenewbon
and
claude
committed
20ea495
fix(theme-studio): folds clip while they animate; colour survives Inherit

mikenewbon
and
claude
committed
a317135
revert(theme-studio): colour stays behind Custom

mikenewbon
and
claude
committed
6c23a56
fix(theme-studio): folds collapse all the way down

mikenewbon
and
claude
committed
c1e91ba
fix(theme-studio): update UI styles for ThemeStudioRow component
mikenewbon
committed
067de5f
feat(theme-studio): toolbar order, sticky panels, and one less colour

mikenewbon
and
claude
committed
8566b53
feat(theme-studio): white leaves the border colours too

mikenewbon
and
claude
committed
bf9a32c
refactor(theme-studio): preset tiles are buttons, not hand-rolled ones

mikenewbon
and
claude
committed
c25536f
refactor(theme-studio): the theme popover is a card

mikenewbon
and
claude
committed
dd2d5c5
style(theme-studio): toolbar buttons go ghost

mikenewbon
and
claude
committed
f7b5191
refactor(theme-studio): the theme grid is a listbox, and the toolbar goes outline

mikenewbon
and
claude
committed
6b4584e
fix(theme-studio): the preset swatch styles need their own key

mikenewbon
and
claude
committed
ea1e628
refactor(theme-studio): dirty is a state, and the tile grid keeps only the classes it needs

mikenewbon
and
claude
committed
82870cd
style(theme-studio): the view grid breathes

mikenewbon
and
claude
committed
892dce0
refactor(theme-studio): improve comments for clarity
mikenewbon
committed
21403dc
feat(theme-studio): border colour picks a ramp, the tokens pick their stops

mikenewbon
and
claude
committed
826b170
fix(theme-studio): keep the shade group's row type when it has no sliders

mikenewbon
and
claude
committed
fe1269b
fix(theme-studio): the shade group defaults to an empty record, not undefined

mikenewbon
and
claude
committed
9f4b2f0
feat(theme-studio): enhance theme properties with class bindings
mikenewbon
committed
88a76ba

Commits on Aug 3, 2026

Merge branch 'v4' into docs/theme-studio-plan
mikenewbon
authored
5a32606

Commits on Aug 11, 2026

Merge branch 'v4' into docs/theme-studio-plan
benjamincanac
authored
d041311

Commits on Aug 13, 2026

Merge branch 'v4' into docs/theme-studio-plan
benjamincanac
authored
8c82637
chore: theme studio review cleanup
benjamincanac
committed
dd7037b

Commits on Aug 14, 2026

refactor(docs): de-brand theme presets
benjamincanac
committed
068a6d3
feat(docs): rework the header theme popover
benjamincanac
committed
0297891
feat(docs): toggle dark mode with the 'd' shortcut
benjamincanac
committed
9cc9378
feat(docs): let the AI chat apply theme presets
benjamincanac
committed
061f0ec
refactor(docs): font and icon toolbar controls become direct selects
benjamincanac
committed
cda6d50
fix(docs): reset when a persisted preset no longer exists
benjamincanac
committed
f6afcfd
feat(docs): extend the radius range to 0.75rem
benjamincanac
committed
d6fd659
refactor(docs): rename the Grid preview to Components
benjamincanac
committed
ffbc217
docs: playground and studio control tweaks
benjamincanac
committed
0673ae6

Commits on Aug 15, 2026

refactor(docs): persist the theme under one key
benjamincanac
committed
652d24c

Commits on Aug 19, 2026

Merge branch 'v4' into pr/6675
benjamincanac
committed
649a335
test: remove docs utils
benjamincanac
committed
2484d9c
refactor(docs): drop the theme studio's shadow and border axes
benjamincanac
committed
864bb55
docs(blog): remove article for now
benjamincanac
committed
4d53f08
fix(docs): retune the presets' dark-mode borders
benjamincanac
committed
c3ac5ee
refactor(docs): rework the theme studio toolbar
benjamincanac
committed
4dd6b45

Commits on Aug 20, 2026

Merge branch 'v4' into pr/6675
benjamincanac
committed
7d5a7f0