Theme Panel

Install it

What it pulls in

npm packages

• culori
• lucide-react
• radix-ui
• class-variance-authority
• clsx
• tailwind-merge

Files it writes

• src/components/theme-panel/theme-panel.tsx
• src/components/theme-panel/oklch-color-picker.tsx
• src/components/theme-panel/use-theme-vars.ts
• src/components/theme-panel/theme-presets.ts
• src/components/theme-panel/utils.ts
• src/components/theme-panel/types.ts
• src/components/theme-panel/contrast.ts
• src/components/theme-panel/scale-generator.ts
• src/components/theme-panel/css-parser.ts
• src/components/theme-panel/url-state.ts
• src/components/theme-panel/inspect-overlay.tsx
• src/components/theme-panel/inspect-utils.ts
• src/components/theme-panel/index.ts
• src/components/theme-panel/ui/button.tsx
• src/components/theme-panel/ui/tabs.tsx
• src/components/theme-panel/ui/slider.tsx
• src/components/theme-panel/ui/primitives.tsx
• src/components/theme-panel/ui/index.ts