{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "theme-bubblegum-v4-rgb", "title": "Bubblegum (Tailwind v4, RGB)", "description": "Playful pink bubblegum aesthetic — Tailwind v4 / RGB variant.", "files": [ { "path": "registry/themes/variants/bubblegum.v4.rgb.css", "content": "/* Bubblegum Theme - Auto-generated from tweakcn */\r\n\r\n/* Light mode */\r\n[data-theme=\"bubblegum-light\"] {\r\n --background: rgb(246, 230, 238);\r\n --foreground: rgb(91, 91, 91);\r\n --card: rgb(253, 237, 201);\r\n --card-foreground: rgb(91, 91, 91);\r\n --popover: rgb(255, 255, 255);\r\n --popover-foreground: rgb(91, 91, 91);\r\n --primary: rgb(208, 79, 153);\r\n --primary-foreground: rgb(255, 255, 255);\r\n --secondary: rgb(138, 207, 209);\r\n --secondary-foreground: rgb(51, 51, 51);\r\n --muted: rgb(178, 225, 235);\r\n --muted-foreground: rgb(122, 122, 122);\r\n --accent: rgb(251, 226, 167);\r\n --accent-foreground: rgb(51, 51, 51);\r\n --destructive: rgb(249, 111, 112);\r\n --destructive-foreground: rgb(255, 255, 255);\r\n --border: rgb(208, 79, 153);\r\n --input: rgb(228, 228, 228);\r\n --ring: rgb(230, 112, 171);\r\n --chart-1: rgb(230, 112, 171);\r\n --chart-2: rgb(132, 210, 226);\r\n --chart-3: rgb(251, 226, 167);\r\n --chart-4: rgb(243, 160, 202);\r\n --chart-5: rgb(215, 72, 142);\r\n --radius: 0.4rem;\r\n --sidebar: rgb(245, 215, 232);\r\n --sidebar-foreground: rgb(51, 51, 51);\r\n --sidebar-primary: rgb(237, 75, 154);\r\n --sidebar-primary-foreground: rgb(255, 255, 255);\r\n --sidebar-accent: rgb(248, 167, 211);\r\n --sidebar-accent-foreground: rgb(51, 51, 51);\r\n --sidebar-border: rgb(244, 234, 255);\r\n --sidebar-ring: rgb(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: rgba(209, 81, 154, 0.5);\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 */\r\n[data-theme=\"bubblegum-dark\"] {\r\n --background: rgb(18, 36, 46);\r\n --foreground: rgb(243, 227, 234);\r\n --card: rgb(28, 46, 56);\r\n --card-foreground: rgb(243, 227, 234);\r\n --popover: rgb(28, 46, 56);\r\n --popover-foreground: rgb(243, 227, 234);\r\n --primary: rgb(251, 226, 167);\r\n --primary-foreground: rgb(18, 36, 46);\r\n --secondary: rgb(228, 162, 177);\r\n --secondary-foreground: rgb(18, 36, 46);\r\n --muted: rgb(35, 39, 43);\r\n --muted-foreground: rgb(228, 162, 177);\r\n --accent: rgb(199, 123, 150);\r\n --accent-foreground: rgb(243, 227, 234);\r\n --destructive: rgb(227, 94, 164);\r\n --destructive-foreground: rgb(18, 36, 46);\r\n --border: rgb(50, 72, 89);\r\n --input: rgb(32, 51, 61);\r\n --ring: rgb(80, 175, 182);\r\n --chart-1: rgb(80, 175, 182);\r\n --chart-2: rgb(228, 162, 177);\r\n --chart-3: rgb(199, 123, 150);\r\n --chart-4: rgb(23, 92, 108);\r\n --chart-5: rgb(35, 39, 43);\r\n --radius: 0.4rem;\r\n --sidebar: rgb(14, 31, 41);\r\n --sidebar-foreground: rgb(245, 245, 245);\r\n --sidebar-primary: rgb(237, 75, 154);\r\n --sidebar-primary-foreground: rgb(255, 255, 255);\r\n --sidebar-accent: rgb(248, 167, 211);\r\n --sidebar-accent-foreground: rgb(31, 41, 56);\r\n --sidebar-border: rgb(54, 64, 80);\r\n --sidebar-ring: rgb(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: rgb(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", "type": "registry:file", "target": "styles/themes/bubblegum.css" } ], "meta": { "generatedVariant": true }, "type": "registry:theme" }