{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "theme-claude-v4-hex", "title": "Claude (Tailwind v4, HEX)", "description": "Anthropic Claude-inspired warm tones — Tailwind v4 / HEX variant.", "files": [ { "path": "registry/themes/variants/claude.v4.hex.css", "content": "/* Claude Theme - Auto-generated from tweakcn */\r\n\r\n/* Light mode */\r\n[data-theme=\"claude-light\"] {\r\n --background: #faf8f1;\r\n --foreground: #3d3826;\r\n --card: #faf8f1;\r\n --card-foreground: #141414;\r\n --popover: #ffffff;\r\n --popover-foreground: #29271b;\r\n --primary: #cb6441;\r\n --primary-foreground: #ffffff;\r\n --secondary: #e7e4dd;\r\n --secondary-foreground: #525044;\r\n --muted: #ede8d9;\r\n --muted-foreground: #85837d;\r\n --accent: #e7e4dd;\r\n --accent-foreground: #29271b;\r\n --destructive: #141414;\r\n --destructive-foreground: #ffffff;\r\n --border: #d9d8d0;\r\n --input: #b4b1a3;\r\n --ring: #1b7ede;\r\n --chart-1: #b2572f;\r\n --chart-2: #9c87f6;\r\n --chart-3: #ded7c2;\r\n --chart-4: #dad2ef;\r\n --chart-5: #b25630;\r\n --radius: 0.5rem;\r\n --sidebar: #f7f5ee;\r\n --sidebar-foreground: #3e3e38;\r\n --sidebar-primary: #cb6441;\r\n --sidebar-primary-foreground: #fcfcfc;\r\n --sidebar-accent: #e7e4dd;\r\n --sidebar-accent-foreground: #353535;\r\n --sidebar-border: #ebebeb;\r\n --sidebar-ring: #b4b4b4;\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: #000000;\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: #262626;\r\n --foreground: #c3c1ba;\r\n --card: #262626;\r\n --card-foreground: #faf8f1;\r\n --popover: #303030;\r\n --popover-foreground: #e4e4e4;\r\n --primary: #d87757;\r\n --primary-foreground: #ffffff;\r\n --secondary: #faf8f1;\r\n --secondary-foreground: #303030;\r\n --muted: #1b1b1b;\r\n --muted-foreground: #b7b5a6;\r\n --accent: #1a1813;\r\n --accent-foreground: #f7f5ee;\r\n --destructive: #f14444;\r\n --destructive-foreground: #ffffff;\r\n --border: #3e3e38;\r\n --input: #51504a;\r\n --ring: #1b7ede;\r\n --chart-1: #b2572f;\r\n --chart-2: #9c87f6;\r\n --chart-3: #1a1813;\r\n --chart-4: #302c48;\r\n --chart-5: #b25630;\r\n --radius: 0.5rem;\r\n --sidebar: #1f1f1f;\r\n --sidebar-foreground: #c3c1ba;\r\n --sidebar-primary: #353535;\r\n --sidebar-primary-foreground: #fcfcfc;\r\n --sidebar-accent: #0f0f0f;\r\n --sidebar-accent-foreground: #c3c1ba;\r\n --sidebar-border: #ebebeb;\r\n --sidebar-ring: #b4b4b4;\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: #000000;\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" }