{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "theme-claude-v3-hsl", "title": "Claude (Tailwind v3, HSL)", "description": "Anthropic Claude-inspired warm tones — Tailwind v3 / HSL variant.", "files": [ { "path": "registry/themes/variants/claude.v3.hsl.css", "content": "/* Claude Theme — Tailwind v3 (hsl) */\r\n/* Channel triplets — consume via hsl(var(--token)). See tailwind.config snippet in docs. */\r\n\r\n@layer base {\r\n /* Claude Theme - Auto-generated from tweakcn */\r\n\r\n /* Light mode (:root) */\r\n :root {\r\n --background: 47.95 50.03% 96.36%;\r\n --foreground: 47.97 22.73% 19.33%;\r\n --card: 47.95 50.03% 96.36%;\r\n --card-foreground: 330 0% 7.73%;\r\n --popover: 300 50% 100%;\r\n --popover-foreground: 50.77 19.5% 13.37%;\r\n --primary: 15.13 56.98% 52.62%;\r\n --primary-foreground: 300 50% 100%;\r\n --secondary: 46.18 16.2% 88.6%;\r\n --secondary-foreground: 50.71 9.79% 29.43%;\r\n --muted: 43.98 35.12% 89.03%;\r\n --muted-foreground: 49.95 3.17% 50.43%;\r\n --accent: 46.18 16.2% 88.6%;\r\n --accent-foreground: 50.77 19.5% 13.37%;\r\n --destructive: 330 0% 7.73%;\r\n --destructive-foreground: 300 50% 100%;\r\n --border: 49.95 10.33% 83.39%;\r\n --input: 50.7 10.06% 67.33%;\r\n --ring: 209.63 78.55% 48.81%;\r\n --chart-1: 18.36 58.35% 43.96%;\r\n --chart-2: 251.53 86.2% 74.67%;\r\n --chart-3: 46.14 29.97% 81.52%;\r\n --chart-4: 256.55 47.43% 88.12%;\r\n --chart-5: 17.61 57.23% 44.35%;\r\n --radius: 0.5rem;\r\n --sidebar: 51.4 34.17% 94.98%;\r\n --sidebar-foreground: 59.69 5.1% 22.96%;\r\n --sidebar-primary: 15.13 56.98% 52.62%;\r\n --sidebar-primary-foreground: 300 0% 98.68%;\r\n --sidebar-accent: 46.18 16.2% 88.6%;\r\n --sidebar-accent-foreground: 300 0% 20.89%;\r\n --sidebar-border: 330 0% 92.15%;\r\n --sidebar-ring: 0 0% 70.6%;\r\n --font-sans:\r\n ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\",\r\n Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif,\r\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n --font-serif: ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif;\r\n --font-mono:\r\n ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\r\n \"Courier New\", monospace;\r\n --shadow-color: 0 0% 0%;\r\n --shadow-opacity: 0.1;\r\n --shadow-blur: 3px;\r\n --shadow-spread: 0px;\r\n --shadow-offset-x: 0;\r\n --shadow-offset-y: 1px;\r\n --letter-spacing: 0em;\r\n --spacing: 0.25rem;\r\n --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);\r\n --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);\r\n --shadow-sm:\r\n 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);\r\n --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);\r\n --shadow-md:\r\n 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);\r\n --shadow-lg:\r\n 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);\r\n --shadow-xl:\r\n 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);\r\n --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);\r\n --tracking-normal: 0em;\r\n }\r\n\r\n /* Dark mode (.dark) */\r\n .dark {\r\n --background: 300 0% 15.03%;\r\n --foreground: 46.19 7.06% 74.64%;\r\n --card: 300 0% 15.03%;\r\n --card-foreground: 47.95 50.03% 96.36%;\r\n --popover: 320 0% 18.9%;\r\n --popover-foreground: 0 0% 89.56%;\r\n --primary: 14.77 62.2% 59.32%;\r\n --primary-foreground: 300 50% 100%;\r\n --secondary: 47.95 50.03% 96.36%;\r\n --secondary-foreground: 320 0% 18.9%;\r\n --muted: 300 0% 10.4%;\r\n --muted-foreground: 51.38 10.36% 68.53%;\r\n --accent: 47.92 14.37% 8.78%;\r\n --accent-foreground: 51.4 34.17% 94.98%;\r\n --destructive: 359.91 86.11% 60.55%;\r\n --destructive-foreground: 300 50% 100%;\r\n --border: 60 5.08% 22.96%;\r\n --input: 52.54 4.55% 30.33%;\r\n --ring: 209.63 78.55% 48.81%;\r\n --chart-1: 18.36 58.35% 43.96%;\r\n --chart-2: 251.53 86.2% 74.67%;\r\n --chart-3: 47.92 14.37% 8.78%;\r\n --chart-4: 248.09 24.31% 22.71%;\r\n --chart-5: 17.61 57.23% 44.35%;\r\n --radius: 0.5rem;\r\n --sidebar: 330 0% 12.22%;\r\n --sidebar-foreground: 46.19 7.06% 74.64%;\r\n --sidebar-primary: 300 0% 20.89%;\r\n --sidebar-primary-foreground: 300 0% 98.68%;\r\n --sidebar-accent: 330 0% 6.02%;\r\n --sidebar-accent-foreground: 46.19 7.06% 74.64%;\r\n --sidebar-border: 330 0% 92.15%;\r\n --sidebar-ring: 0 0% 70.6%;\r\n --font-sans:\r\n ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\",\r\n Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif,\r\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n --font-serif: ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif;\r\n --font-mono:\r\n ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\r\n \"Courier New\", monospace;\r\n --shadow-color: 0 0% 0%;\r\n --shadow-opacity: 0.1;\r\n --shadow-blur: 3px;\r\n --shadow-spread: 0px;\r\n --shadow-offset-x: 0;\r\n --shadow-offset-y: 1px;\r\n --letter-spacing: 0em;\r\n --spacing: 0.25rem;\r\n --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);\r\n --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);\r\n --shadow-sm:\r\n 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);\r\n --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);\r\n --shadow-md:\r\n 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);\r\n --shadow-lg:\r\n 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);\r\n --shadow-xl:\r\n 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);\r\n --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);\r\n }\r\n\r\n}\r\n", "type": "registry:file", "target": "styles/themes/claude.css" } ], "meta": { "generatedVariant": true }, "type": "registry:theme" }