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