{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "theme-caffeine-v4-hsl", "title": "Caffeine (Tailwind v4, HSL)", "description": "Coffee-inspired warm brown tones — Tailwind v4 / HSL variant.", "files": [ { "path": "registry/themes/variants/caffeine.v4.hsl.css", "content": "/* Caffeine Theme - Auto-generated from tweakcn */\r\n\r\n/* Light mode */\r\n[data-theme=\"caffeine-light\"] {\r\n --background: hsl(300 0% 97.37%);\r\n --foreground: hsl(330 0% 12.22%);\r\n --card: hsl(300 0% 98.68%);\r\n --card-foreground: hsl(330 0% 12.22%);\r\n --popover: hsl(300 0% 98.68%);\r\n --popover-foreground: hsl(330 0% 12.22%);\r\n --primary: hsl(16.67 22.64% 31.72%);\r\n --primary-foreground: hsl(300 50% 100%);\r\n --secondary: hsl(34.05 99.98% 85.5%);\r\n --secondary-foreground: hsl(16.3 51.66% 22.91%);\r\n --muted: hsl(315 0% 93.45%);\r\n --muted-foreground: hsl(330 0% 38.86%);\r\n --accent: hsl(324 0% 90.85%);\r\n --accent-foreground: hsl(330 0% 12.22%);\r\n --destructive: hsl(10.15 77.22% 54.55%);\r\n --destructive-foreground: hsl(300 50% 100%);\r\n --border: hsl(0 0% 84.42%);\r\n --input: hsl(0 0% 84.42%);\r\n --ring: hsl(16.67 22.64% 31.72%);\r\n --chart-1: hsl(16.67 22.64% 31.72%);\r\n --chart-2: hsl(34.05 99.98% 85.5%);\r\n --chart-3: hsl(324 0% 90.85%);\r\n --chart-4: hsl(34.56 99.96% 89.06%);\r\n --chart-5: hsl(16.48 22.58% 31.74%);\r\n --radius: 0.5rem;\r\n --sidebar: hsl(300 0% 98.68%);\r\n --sidebar-foreground: hsl(300 0% 14.09%);\r\n --sidebar-primary: hsl(300 0% 20.89%);\r\n --sidebar-primary-foreground: hsl(300 0% 98.68%);\r\n --sidebar-accent: hsl(300 0% 97.37%);\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=\"caffeine-dark\"] {\r\n --background: hsl(0 0% 6.87%);\r\n --foreground: hsl(315 0% 93.45%);\r\n --card: hsl(300 0% 9.5%);\r\n --card-foreground: hsl(315 0% 93.45%);\r\n --popover: hsl(300 0% 9.5%);\r\n --popover-foreground: hsl(315 0% 93.45%);\r\n --primary: hsl(29.49 91.53% 87.55%);\r\n --primary-foreground: hsl(183.12 42.19% 7.06%);\r\n --secondary: hsl(28.26 18.2% 19.35%);\r\n --secondary-foreground: hsl(29.49 91.53% 87.55%);\r\n --muted: hsl(300 0% 13.15%);\r\n --muted-foreground: hsl(0 0% 70.6%);\r\n --accent: hsl(300 0% 16.95%);\r\n --accent-foreground: hsl(315 0% 93.45%);\r\n --destructive: hsl(10.15 77.22% 54.55%);\r\n --destructive-foreground: hsl(300 50% 100%);\r\n --border: hsl(45.03 11.82% 11.54%);\r\n --input: hsl(0 0% 28.06%);\r\n --ring: hsl(29.49 91.53% 87.55%);\r\n --chart-1: hsl(29.49 91.53% 87.55%);\r\n --chart-2: hsl(28.26 18.2% 19.35%);\r\n --chart-3: hsl(300 0% 16.95%);\r\n --chart-4: hsl(29.95 16.09% 22.23%);\r\n --chart-5: hsl(29.97 90.52% 87.43%);\r\n --radius: 0.5rem;\r\n --sidebar: hsl(240.5 9.72% 10.29%);\r\n --sidebar-foreground: hsl(300 0% 96.06%);\r\n --sidebar-primary: hsl(224.36 76.88% 48.37%);\r\n --sidebar-primary-foreground: hsl(300 50% 100%);\r\n --sidebar-accent: hsl(240.42 6.72% 15.88%);\r\n --sidebar-accent-foreground: hsl(300 0% 96.06%);\r\n --sidebar-border: hsl(240.42 6.72% 15.88%);\r\n --sidebar-ring: hsl(240.13 9.15% 84.31%);\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/caffeine.css" } ], "meta": { "generatedVariant": true }, "type": "registry:theme" }