{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "theme-catppuccin-v3-rgb", "title": "Catppuccin (Tailwind v3, RGB)", "description": "Soothing pastel theme for coders — Tailwind v3 / RGB variant.", "files": [ { "path": "registry/themes/variants/catppuccin.v3.rgb.css", "content": "/* Catppuccin Theme — Tailwind v3 (rgb) */\r\n/* Channel triplets — consume via rgb(var(--token)). See tailwind.config snippet in docs. */\r\n\r\n@layer base {\r\n /* Catppuccin Theme - Auto-generated from tweakcn */\r\n\r\n /* Light mode (:root) */\r\n :root {\r\n --background: 238 242 249;\r\n --foreground: 78 80 105;\r\n --card: 255 255 255;\r\n --card-foreground: 78 80 105;\r\n --popover: 206 209 216;\r\n --popover-foreground: 78 80 105;\r\n --primary: 135 55 237;\r\n --primary-foreground: 255 255 255;\r\n --secondary: 206 209 216;\r\n --secondary-foreground: 78 80 105;\r\n --muted: 222 225 232;\r\n --muted-foreground: 109 112 131;\r\n --accent: 25 164 226;\r\n --accent-foreground: 255 255 255;\r\n --destructive: 211 2 55;\r\n --destructive-foreground: 255 255 255;\r\n --border: 188 193 206;\r\n --input: 206 209 216;\r\n --ring: 135 55 237;\r\n --chart-1: 135 55 237;\r\n --chart-2: 25 164 226;\r\n --chart-3: 64 162 42;\r\n --chart-4: 252 101 20;\r\n --chart-5: 216 138 121;\r\n --radius: 0.35rem;\r\n --sidebar: 228 232 239;\r\n --sidebar-foreground: 78 80 105;\r\n --sidebar-primary: 135 55 237;\r\n --sidebar-primary-foreground: 255 255 255;\r\n --sidebar-accent: 25 164 226;\r\n --sidebar-accent-foreground: 255 255 255;\r\n --sidebar-border: 188 193 206;\r\n --sidebar-ring: 135 55 237;\r\n --font-sans: Montserrat, sans-serif;\r\n --font-serif: Georgia, serif;\r\n --font-mono: Fira Code, monospace;\r\n --shadow-color: 45 45 83;\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 (.dark) */\r\n .dark {\r\n --background: 25 25 40;\r\n --foreground: 206 215 243;\r\n --card: 29 29 45;\r\n --card-foreground: 206 215 243;\r\n --popover: 68 70 88;\r\n --popover-foreground: 206 215 243;\r\n --primary: 204 167 249;\r\n --primary-foreground: 29 29 45;\r\n --secondary: 89 92 111;\r\n --secondary-foreground: 206 215 243;\r\n --muted: 42 45 61;\r\n --muted-foreground: 166 173 200;\r\n --accent: 141 221 235;\r\n --accent-foreground: 29 29 45;\r\n --destructive: 245 140 169;\r\n --destructive-foreground: 29 29 45;\r\n --border: 48 49 66;\r\n --input: 48 49 66;\r\n --ring: 204 167 249;\r\n --chart-1: 204 167 249;\r\n --chart-2: 141 221 235;\r\n --chart-3: 166 228 161;\r\n --chart-4: 248 178 135;\r\n --chart-5: 242 224 221;\r\n --radius: 0.35rem;\r\n --sidebar: 16 16 26;\r\n --sidebar-foreground: 206 215 243;\r\n --sidebar-primary: 204 167 249;\r\n --sidebar-primary-foreground: 29 29 45;\r\n --sidebar-accent: 141 221 235;\r\n --sidebar-accent-foreground: 29 29 45;\r\n --sidebar-border: 68 70 88;\r\n --sidebar-ring: 204 167 249;\r\n --font-sans: Montserrat, sans-serif;\r\n --font-serif: Georgia, serif;\r\n --font-mono: Fira Code, monospace;\r\n --shadow-color: 45 45 83;\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\r\n}\r\n", "type": "registry:file", "target": "styles/themes/catppuccin.css" } ], "meta": { "generatedVariant": true }, "type": "registry:theme" }