Skip to content

Commit a6b3da5

Browse files
committed
Revise changeset
1 parent d31278e commit a6b3da5

2 files changed

Lines changed: 10 additions & 19 deletions

File tree

.changeset/bright-fonts-land.md

Lines changed: 0 additions & 13 deletions
This file was deleted.

.changeset/theme-mode-palette-axes.md

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,14 @@
22
"@tailor-platform/app-shell": minor
33
---
44

5-
Split theming into two independent axes — **mode** (`light` / `dark` / `system`) and **theme/palette** (`default` / `cream` / `bloom`) — so every palette works in both light and dark.
5+
Introduce a **theme** (palette) system with built-in `default`, `cream`, and `bloom` themes. Themes are independent of **color mode** (`light` / `dark` / `system`), so every theme works in both light and dark. CSS variables and design tokens have been reorganized to make it easier to create new custom themes.
66

7-
- New `useColorMode()` hook + `COLOR_MODE_OPTIONS` for the end-user appearance control (light/dark/system). `useTheme()` now returns the color palette: `{ theme, setTheme }`. `ResolvedTheme` is replaced by `ResolvedColorMode`.
8-
- `<AppShell>` gains `defaultColorMode` (default `"system"`, persisted as the user preference); `defaultTheme` now selects the palette (default `"default"`). The palette is a developer config driven by the prop — it is **not** persisted to localStorage, so a stale stored value can't shadow the configured brand. Only mode (and font) persist.
9-
- DOM: `<html>` carries the mode as the `.light` / `.dark` class and the palette as `data-theme`.
10-
- CSS: `light.css` + `dark.css` are merged into `default.css`; **Cream** and **Bloom** gain dark variants. The shell gradient is parameterized per mode.
11-
- The appearance switcher now offers Light / Dark / System only — the palette is a developer configuration. The font axis is unchanged.
7+
#### Color mode (end-user preference, persisted)
8+
9+
- `useColorMode()` hook returns `{ mode, resolvedMode, setMode }`.
10+
- `<AppShell defaultColorMode="system">` sets the initial preference; user choice is persisted to localStorage.
11+
12+
#### Theme (developer configuration, not persisted)
13+
14+
- `useTheme()` hook returns `{ theme }` (read-only).
15+
- `<AppShell defaultTheme="default">` selects the brand palette; not stored in localStorage so a stale value never shadows the configured brand.

0 commit comments

Comments
 (0)