{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "theme-catppuccin-v4-hex", "title": "Catppuccin (Tailwind v4, HEX)", "description": "Soothing pastel theme for coders — Tailwind v4 / HEX variant.", "files": [ { "path": "registry/themes/variants/catppuccin.v4.hex.css", "content": "/* Catppuccin Theme - Auto-generated from tweakcn */\r\n\r\n/* Light mode */\r\n[data-theme=\"catppuccin-light\"] {\r\n --background: #eef2f9;\r\n --foreground: #4e5069;\r\n --card: #ffffff;\r\n --card-foreground: #4e5069;\r\n --popover: #ced1d8;\r\n --popover-foreground: #4e5069;\r\n --primary: #8737ed;\r\n --primary-foreground: #ffffff;\r\n --secondary: #ced1d8;\r\n --secondary-foreground: #4e5069;\r\n --muted: #dee1e8;\r\n --muted-foreground: #6d7083;\r\n --accent: #19a4e2;\r\n --accent-foreground: #ffffff;\r\n --destructive: #d30237;\r\n --destructive-foreground: #ffffff;\r\n --border: #bcc1ce;\r\n --input: #ced1d8;\r\n --ring: #8737ed;\r\n --chart-1: #8737ed;\r\n --chart-2: #19a4e2;\r\n --chart-3: #40a22a;\r\n --chart-4: #fc6514;\r\n --chart-5: #d88a79;\r\n --radius: 0.35rem;\r\n --sidebar: #e4e8ef;\r\n --sidebar-foreground: #4e5069;\r\n --sidebar-primary: #8737ed;\r\n --sidebar-primary-foreground: #ffffff;\r\n --sidebar-accent: #19a4e2;\r\n --sidebar-accent-foreground: #ffffff;\r\n --sidebar-border: #bcc1ce;\r\n --sidebar-ring: #8737ed;\r\n --font-sans: Montserrat, sans-serif;\r\n --font-serif: Georgia, serif;\r\n --font-mono: Fira Code, monospace;\r\n --shadow-color: #2d2d53;\r\n --shadow-opacity: 0.12;\r\n --shadow-blur: 6px;\r\n --shadow-spread: 0px;\r\n --shadow-offset-x: 0px;\r\n --shadow-offset-y: 4px;\r\n --letter-spacing: 0em;\r\n --spacing: 0.25rem;\r\n --shadow-2xs: 0px 4px 6px 0px hsl(240 30% 25% / 0.06);\r\n --shadow-xs: 0px 4px 6px 0px hsl(240 30% 25% / 0.06);\r\n --shadow-sm:\r\n 0px 4px 6px 0px hsl(240 30% 25% / 0.12),\r\n 0px 1px 2px -1px hsl(240 30% 25% / 0.12);\r\n --shadow:\r\n 0px 4px 6px 0px hsl(240 30% 25% / 0.12),\r\n 0px 1px 2px -1px hsl(240 30% 25% / 0.12);\r\n --shadow-md:\r\n 0px 4px 6px 0px hsl(240 30% 25% / 0.12),\r\n 0px 2px 4px -1px hsl(240 30% 25% / 0.12);\r\n --shadow-lg:\r\n 0px 4px 6px 0px hsl(240 30% 25% / 0.12),\r\n 0px 4px 6px -1px hsl(240 30% 25% / 0.12);\r\n --shadow-xl:\r\n 0px 4px 6px 0px hsl(240 30% 25% / 0.12),\r\n 0px 8px 10px -1px hsl(240 30% 25% / 0.12);\r\n --shadow-2xl: 0px 4px 6px 0px hsl(240 30% 25% / 0.3);\r\n --tracking-normal: 0em;\r\n}\r\n\r\n/* Dark mode */\r\n[data-theme=\"catppuccin-dark\"] {\r\n --background: #191928;\r\n --foreground: #ced7f3;\r\n --card: #1d1d2d;\r\n --card-foreground: #ced7f3;\r\n --popover: #444658;\r\n --popover-foreground: #ced7f3;\r\n --primary: #cca7f9;\r\n --primary-foreground: #1d1d2d;\r\n --secondary: #595c6f;\r\n --secondary-foreground: #ced7f3;\r\n --muted: #2a2d3d;\r\n --muted-foreground: #a6adc8;\r\n --accent: #8dddeb;\r\n --accent-foreground: #1d1d2d;\r\n --destructive: #f58ca9;\r\n --destructive-foreground: #1d1d2d;\r\n --border: #303142;\r\n --input: #303142;\r\n --ring: #cca7f9;\r\n --chart-1: #cca7f9;\r\n --chart-2: #8dddeb;\r\n --chart-3: #a6e4a1;\r\n --chart-4: #f8b287;\r\n --chart-5: #f2e0dd;\r\n --radius: 0.35rem;\r\n --sidebar: #10101a;\r\n --sidebar-foreground: #ced7f3;\r\n --sidebar-primary: #cca7f9;\r\n --sidebar-primary-foreground: #1d1d2d;\r\n --sidebar-accent: #8dddeb;\r\n --sidebar-accent-foreground: #1d1d2d;\r\n --sidebar-border: #444658;\r\n --sidebar-ring: #cca7f9;\r\n --font-sans: Montserrat, sans-serif;\r\n --font-serif: Georgia, serif;\r\n --font-mono: Fira Code, monospace;\r\n --shadow-color: #2d2d53;\r\n --shadow-opacity: 0.12;\r\n --shadow-blur: 6px;\r\n --shadow-spread: 0px;\r\n --shadow-offset-x: 0px;\r\n --shadow-offset-y: 4px;\r\n --letter-spacing: 0em;\r\n --spacing: 0.25rem;\r\n --shadow-2xs: 0px 4px 6px 0px hsl(240 30% 25% / 0.06);\r\n --shadow-xs: 0px 4px 6px 0px hsl(240 30% 25% / 0.06);\r\n --shadow-sm:\r\n 0px 4px 6px 0px hsl(240 30% 25% / 0.12),\r\n 0px 1px 2px -1px hsl(240 30% 25% / 0.12);\r\n --shadow:\r\n 0px 4px 6px 0px hsl(240 30% 25% / 0.12),\r\n 0px 1px 2px -1px hsl(240 30% 25% / 0.12);\r\n --shadow-md:\r\n 0px 4px 6px 0px hsl(240 30% 25% / 0.12),\r\n 0px 2px 4px -1px hsl(240 30% 25% / 0.12);\r\n --shadow-lg:\r\n 0px 4px 6px 0px hsl(240 30% 25% / 0.12),\r\n 0px 4px 6px -1px hsl(240 30% 25% / 0.12);\r\n --shadow-xl:\r\n 0px 4px 6px 0px hsl(240 30% 25% / 0.12),\r\n 0px 8px 10px -1px hsl(240 30% 25% / 0.12);\r\n --shadow-2xl: 0px 4px 6px 0px hsl(240 30% 25% / 0.3);\r\n}\r\n", "type": "registry:file", "target": "styles/themes/catppuccin.css" } ], "meta": { "generatedVariant": true }, "type": "registry:theme" }