-
Notifications
You must be signed in to change notification settings - Fork 1
Adopt shadcn-svelte and master governance templates #30
Copy link
Copy link
Open
Labels
enhancementNew feature or requestNew feature or requestpriority:highImportant, blocks functionalityImportant, blocks functionality
Description
Summary
Thoth uses SvelteKit but has hand-rolled components with a custom CSS token system (--color-accent, --color-bg-primary, etc.) instead of using shadcn-svelte. This is redundant effort — shadcn-svelte provides the same components with proper accessibility, consistent API, and palette switching.
Required Changes
1. Adopt shadcn-svelte (bits-ui v2)
- Install shadcn-svelte (
bits-ui,tailwind-variants,clsx,tailwind-merge) - Replace custom components in
src/lib/components/with shadcn-svelte equivalents - Migrate from custom token naming (
--color-accent,--color-bg-primary) to shadcn conventions (--primary,--background, etc.) - Convert hex colours to OKLCH format
2. Add "Scribe's Amber" palette to master showcase
- Map Thoth's Scribe's Amber palette (
#D08B3Eaccent on#1C1B1Acharcoal) to shadcn token format with OKLCH values - Add as
data-palette='scribes-amber'in the master showcase'sapp.css - Dark-primary palette (no light variant needed initially)
3. Adopt master governance templates
- Set up symlinks to master rules, commands, hooks, skills, docs
- Create
00-project-foundations.mdproject rule - Adopt design language template referencing "Scribe's Amber" palette from showcase
- Add
.gitignoreentries for symlinks
Context
All active sub-projects are standardising on shadcn-svelte with palettes curated in the master showcase (dev/shadcn-showcase/). Projects pick a palette from the showcase and copy the OKLCH values — no runtime dependency on master.
See also: Milton #170, Godswood #242, Claudette #28, Bragi #132
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
enhancementNew feature or requestNew feature or requestpriority:highImportant, blocks functionalityImportant, blocks functionality