{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "theme-bubblegum-v3-rgb", "title": "Bubblegum (Tailwind v3, RGB)", "description": "Playful pink bubblegum aesthetic — Tailwind v3 / RGB variant.", "files": [ { "path": "registry/themes/variants/bubblegum.v3.rgb.css", "content": "/* Bubblegum 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 /* Bubblegum Theme - Auto-generated from tweakcn */\r\n\r\n /* Light mode (:root) */\r\n :root {\r\n --background: 246 230 238;\r\n --foreground: 91 91 91;\r\n --card: 253 237 201;\r\n --card-foreground: 91 91 91;\r\n --popover: 255 255 255;\r\n --popover-foreground: 91 91 91;\r\n --primary: 208 79 153;\r\n --primary-foreground: 255 255 255;\r\n --secondary: 138 207 209;\r\n --secondary-foreground: 51 51 51;\r\n --muted: 178 225 235;\r\n --muted-foreground: 122 122 122;\r\n --accent: 251 226 167;\r\n --accent-foreground: 51 51 51;\r\n --destructive: 249 111 112;\r\n --destructive-foreground: 255 255 255;\r\n --border: 208 79 153;\r\n --input: 228 228 228;\r\n --ring: 230 112 171;\r\n --chart-1: 230 112 171;\r\n --chart-2: 132 210 226;\r\n --chart-3: 251 226 167;\r\n --chart-4: 243 160 202;\r\n --chart-5: 215 72 142;\r\n --radius: 0.4rem;\r\n --sidebar: 245 215 232;\r\n --sidebar-foreground: 51 51 51;\r\n --sidebar-primary: 237 75 154;\r\n --sidebar-primary-foreground: 255 255 255;\r\n --sidebar-accent: 248 167 211;\r\n --sidebar-accent-foreground: 51 51 51;\r\n --sidebar-border: 244 234 255;\r\n --sidebar-ring: 237 75 154;\r\n --font-sans: Poppins, sans-serif;\r\n --font-serif: Lora, serif;\r\n --font-mono: Fira Code, monospace;\r\n --shadow-color: 209 81 154;\r\n --shadow-opacity: 1;\r\n --shadow-blur: 0px;\r\n --shadow-spread: 0px;\r\n --shadow-offset-x: 3px;\r\n --shadow-offset-y: 3px;\r\n --letter-spacing: 0em;\r\n --spacing: 0.25rem;\r\n --shadow-2xs: 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 0.5);\r\n --shadow-xs: 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 0.5);\r\n --shadow-sm:\r\n 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 1),\r\n 3px 1px 2px -1px hsl(325.78 58.18% 56.86% / 1);\r\n --shadow:\r\n 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 1),\r\n 3px 1px 2px -1px hsl(325.78 58.18% 56.86% / 1);\r\n --shadow-md:\r\n 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 1),\r\n 3px 2px 4px -1px hsl(325.78 58.18% 56.86% / 1);\r\n --shadow-lg:\r\n 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 1),\r\n 3px 4px 6px -1px hsl(325.78 58.18% 56.86% / 1);\r\n --shadow-xl:\r\n 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 1),\r\n 3px 8px 10px -1px hsl(325.78 58.18% 56.86% / 1);\r\n --shadow-2xl: 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 2.5);\r\n --tracking-normal: 0em;\r\n }\r\n\r\n /* Dark mode (.dark) */\r\n .dark {\r\n --background: 18 36 46;\r\n --foreground: 243 227 234;\r\n --card: 28 46 56;\r\n --card-foreground: 243 227 234;\r\n --popover: 28 46 56;\r\n --popover-foreground: 243 227 234;\r\n --primary: 251 226 167;\r\n --primary-foreground: 18 36 46;\r\n --secondary: 228 162 177;\r\n --secondary-foreground: 18 36 46;\r\n --muted: 35 39 43;\r\n --muted-foreground: 228 162 177;\r\n --accent: 199 123 150;\r\n --accent-foreground: 243 227 234;\r\n --destructive: 227 94 164;\r\n --destructive-foreground: 18 36 46;\r\n --border: 50 72 89;\r\n --input: 32 51 61;\r\n --ring: 80 175 182;\r\n --chart-1: 80 175 182;\r\n --chart-2: 228 162 177;\r\n --chart-3: 199 123 150;\r\n --chart-4: 23 92 108;\r\n --chart-5: 35 39 43;\r\n --radius: 0.4rem;\r\n --sidebar: 14 31 41;\r\n --sidebar-foreground: 245 245 245;\r\n --sidebar-primary: 237 75 154;\r\n --sidebar-primary-foreground: 255 255 255;\r\n --sidebar-accent: 248 167 211;\r\n --sidebar-accent-foreground: 31 41 56;\r\n --sidebar-border: 54 64 80;\r\n --sidebar-ring: 237 75 154;\r\n --font-sans: Poppins, sans-serif;\r\n --font-serif: Lora, serif;\r\n --font-mono: Fira Code, monospace;\r\n --shadow-color: 50 72 89;\r\n --shadow-opacity: 1;\r\n --shadow-blur: 0px;\r\n --shadow-spread: 0px;\r\n --shadow-offset-x: 3px;\r\n --shadow-offset-y: 3px;\r\n --letter-spacing: 0em;\r\n --spacing: 0.25rem;\r\n --shadow-2xs: 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 0.5);\r\n --shadow-xs: 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 0.5);\r\n --shadow-sm:\r\n 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 1),\r\n 3px 1px 2px -1px hsl(206.15 28.06% 27.25% / 1);\r\n --shadow:\r\n 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 1),\r\n 3px 1px 2px -1px hsl(206.15 28.06% 27.25% / 1);\r\n --shadow-md:\r\n 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 1),\r\n 3px 2px 4px -1px hsl(206.15 28.06% 27.25% / 1);\r\n --shadow-lg:\r\n 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 1),\r\n 3px 4px 6px -1px hsl(206.15 28.06% 27.25% / 1);\r\n --shadow-xl:\r\n 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 1),\r\n 3px 8px 10px -1px hsl(206.15 28.06% 27.25% / 1);\r\n --shadow-2xl: 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 2.5);\r\n }\r\n\r\n}\r\n", "type": "registry:file", "target": "styles/themes/bubblegum.css" } ], "meta": { "generatedVariant": true }, "type": "registry:theme" }