{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "theme-claude-v4-hsl", "title": "Claude (Tailwind v4, HSL)", "description": "Anthropic Claude-inspired warm tones — Tailwind v4 / HSL variant.", "files": [ { "path": "registry/themes/variants/claude.v4.hsl.css", "content": "/* Claude Theme - Auto-generated from tweakcn */\r\n\r\n/* Light mode */\r\n[data-theme=\"claude-light\"] {\r\n --background: hsl(47.95 50.03% 96.36%);\r\n --foreground: hsl(47.97 22.73% 19.33%);\r\n --card: hsl(47.95 50.03% 96.36%);\r\n --card-foreground: hsl(330 0% 7.73%);\r\n --popover: hsl(300 50% 100%);\r\n --popover-foreground: hsl(50.77 19.5% 13.37%);\r\n --primary: hsl(15.13 56.98% 52.62%);\r\n --primary-foreground: hsl(300 50% 100%);\r\n --secondary: hsl(46.18 16.2% 88.6%);\r\n --secondary-foreground: hsl(50.71 9.79% 29.43%);\r\n --muted: hsl(43.98 35.12% 89.03%);\r\n --muted-foreground: hsl(49.95 3.17% 50.43%);\r\n --accent: hsl(46.18 16.2% 88.6%);\r\n --accent-foreground: hsl(50.77 19.5% 13.37%);\r\n --destructive: hsl(330 0% 7.73%);\r\n --destructive-foreground: hsl(300 50% 100%);\r\n --border: hsl(49.95 10.33% 83.39%);\r\n --input: hsl(50.7 10.06% 67.33%);\r\n --ring: hsl(209.63 78.55% 48.81%);\r\n --chart-1: hsl(18.36 58.35% 43.96%);\r\n --chart-2: hsl(251.53 86.2% 74.67%);\r\n --chart-3: hsl(46.14 29.97% 81.52%);\r\n --chart-4: hsl(256.55 47.43% 88.12%);\r\n --chart-5: hsl(17.61 57.23% 44.35%);\r\n --radius: 0.5rem;\r\n --sidebar: hsl(51.4 34.17% 94.98%);\r\n --sidebar-foreground: hsl(59.69 5.1% 22.96%);\r\n --sidebar-primary: hsl(15.13 56.98% 52.62%);\r\n --sidebar-primary-foreground: hsl(300 0% 98.68%);\r\n --sidebar-accent: hsl(46.18 16.2% 88.6%);\r\n --sidebar-accent-foreground: hsl(300 0% 20.89%);\r\n --sidebar-border: hsl(330 0% 92.15%);\r\n --sidebar-ring: hsl(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: hsl(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 */\r\n[data-theme=\"claude-dark\"] {\r\n --background: hsl(300 0% 15.03%);\r\n --foreground: hsl(46.19 7.06% 74.64%);\r\n --card: hsl(300 0% 15.03%);\r\n --card-foreground: hsl(47.95 50.03% 96.36%);\r\n --popover: hsl(320 0% 18.9%);\r\n --popover-foreground: hsl(0 0% 89.56%);\r\n --primary: hsl(14.77 62.2% 59.32%);\r\n --primary-foreground: hsl(300 50% 100%);\r\n --secondary: hsl(47.95 50.03% 96.36%);\r\n --secondary-foreground: hsl(320 0% 18.9%);\r\n --muted: hsl(300 0% 10.4%);\r\n --muted-foreground: hsl(51.38 10.36% 68.53%);\r\n --accent: hsl(47.92 14.37% 8.78%);\r\n --accent-foreground: hsl(51.4 34.17% 94.98%);\r\n --destructive: hsl(359.91 86.11% 60.55%);\r\n --destructive-foreground: hsl(300 50% 100%);\r\n --border: hsl(60 5.08% 22.96%);\r\n --input: hsl(52.54 4.55% 30.33%);\r\n --ring: hsl(209.63 78.55% 48.81%);\r\n --chart-1: hsl(18.36 58.35% 43.96%);\r\n --chart-2: hsl(251.53 86.2% 74.67%);\r\n --chart-3: hsl(47.92 14.37% 8.78%);\r\n --chart-4: hsl(248.09 24.31% 22.71%);\r\n --chart-5: hsl(17.61 57.23% 44.35%);\r\n --radius: 0.5rem;\r\n --sidebar: hsl(330 0% 12.22%);\r\n --sidebar-foreground: hsl(46.19 7.06% 74.64%);\r\n --sidebar-primary: hsl(300 0% 20.89%);\r\n --sidebar-primary-foreground: hsl(300 0% 98.68%);\r\n --sidebar-accent: hsl(330 0% 6.02%);\r\n --sidebar-accent-foreground: hsl(46.19 7.06% 74.64%);\r\n --sidebar-border: hsl(330 0% 92.15%);\r\n --sidebar-ring: hsl(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: hsl(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", "type": "registry:file", "target": "styles/themes/claude.css" } ], "meta": { "generatedVariant": true }, "type": "registry:theme" }