{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "theme-bold-tech-v3-hsl", "title": "Bold Tech (Tailwind v3, HSL)", "description": "Bold purple tech-inspired theme — Tailwind v3 / HSL variant.", "files": [ { "path": "registry/themes/variants/bold-tech.v3.hsl.css", "content": "/* Bold Tech Theme — Tailwind v3 (hsl) */\r\n/* Channel triplets — consume via hsl(var(--token)). See tailwind.config snippet in docs. */\r\n\r\n@layer base {\r\n /* Bold Tech Theme - Auto-generated from tweakcn */\r\n\r\n /* Light mode (:root) */\r\n :root {\r\n --background: 300 50% 100%;\r\n --foreground: 242.69 48.79% 34.69%;\r\n --card: 300 50% 100%;\r\n --card-foreground: 242.69 48.79% 34.69%;\r\n --popover: 300 50% 100%;\r\n --popover-foreground: 242.69 48.79% 34.69%;\r\n --primary: 258.29 91.81% 66.9%;\r\n --primary-foreground: 300 50% 100%;\r\n --secondary: 251.99 91.09% 96.8%;\r\n --secondary-foreground: 243.79 56.66% 50.88%;\r\n --muted: 249.99 99.76% 97.71%;\r\n --muted-foreground: 262.45 84.47% 57.63%;\r\n --accent: 214.29 85.92% 92.42%;\r\n --accent-foreground: 225.99 71.15% 39.65%;\r\n --destructive: 359.91 86.11% 60.55%;\r\n --destructive-foreground: 300 50% 100%;\r\n --border: 226.41 85.63% 93.62%;\r\n --input: 226.41 85.63% 93.62%;\r\n --ring: 258.29 91.81% 66.9%;\r\n --chart-1: 258.29 91.81% 66.9%;\r\n --chart-2: 262.45 84.47% 57.63%;\r\n --chart-3: 263.29 69.34% 50.33%;\r\n --chart-4: 263.4 69.57% 41.87%;\r\n --chart-5: 263.68 68.3% 34.93%;\r\n --radius: 0.625rem;\r\n --sidebar: 249.99 99.76% 97.71%;\r\n --sidebar-foreground: 242.69 48.79% 34.69%;\r\n --sidebar-primary: 258.29 91.81% 66.9%;\r\n --sidebar-primary-foreground: 300 50% 100%;\r\n --sidebar-accent: 214.29 85.92% 92.42%;\r\n --sidebar-accent-foreground: 225.99 71.15% 39.65%;\r\n --sidebar-border: 226.41 85.63% 93.62%;\r\n --sidebar-ring: 258.29 91.81% 66.9%;\r\n --font-sans: Roboto, sans-serif;\r\n --font-serif: Playfair Display, serif;\r\n --font-mono: Fira Code, monospace;\r\n --shadow-color: 255 86% 66%;\r\n --shadow-opacity: 0.2;\r\n --shadow-blur: 4px;\r\n --shadow-spread: 0px;\r\n --shadow-offset-x: 2px;\r\n --shadow-offset-y: 2px;\r\n --letter-spacing: 0em;\r\n --spacing: 0.25rem;\r\n --shadow-2xs: 2px 2px 4px 0px hsl(255 86% 66% / 0.1);\r\n --shadow-xs: 2px 2px 4px 0px hsl(255 86% 66% / 0.1);\r\n --shadow-sm:\r\n 2px 2px 4px 0px hsl(255 86% 66% / 0.2),\r\n 2px 1px 2px -1px hsl(255 86% 66% / 0.2);\r\n --shadow:\r\n 2px 2px 4px 0px hsl(255 86% 66% / 0.2),\r\n 2px 1px 2px -1px hsl(255 86% 66% / 0.2);\r\n --shadow-md:\r\n 2px 2px 4px 0px hsl(255 86% 66% / 0.2),\r\n 2px 2px 4px -1px hsl(255 86% 66% / 0.2);\r\n --shadow-lg:\r\n 2px 2px 4px 0px hsl(255 86% 66% / 0.2),\r\n 2px 4px 6px -1px hsl(255 86% 66% / 0.2);\r\n --shadow-xl:\r\n 2px 2px 4px 0px hsl(255 86% 66% / 0.2),\r\n 2px 8px 10px -1px hsl(255 86% 66% / 0.2);\r\n --shadow-2xl: 2px 2px 4px 0px hsl(255 86% 66% / 0.5);\r\n --tracking-normal: 0em;\r\n }\r\n\r\n /* Dark mode (.dark) */\r\n .dark {\r\n --background: 222.2 46.79% 11.4%;\r\n --foreground: 226.41 85.63% 93.62%;\r\n --card: 244.23 48.39% 20.49%;\r\n --card-foreground: 226.41 85.63% 93.62%;\r\n --popover: 244.23 48.39% 20.49%;\r\n --popover-foreground: 226.41 85.63% 93.62%;\r\n --primary: 258.29 91.81% 66.9%;\r\n --primary-foreground: 300 50% 100%;\r\n --secondary: 244.23 48.39% 20.49%;\r\n --secondary-foreground: 226.41 85.63% 93.62%;\r\n --muted: 244.23 48.39% 20.49%;\r\n --muted-foreground: 252.46 91.91% 84.84%;\r\n --accent: 243.79 56.66% 50.88%;\r\n --accent-foreground: 226.41 85.63% 93.62%;\r\n --destructive: 359.91 86.11% 60.55%;\r\n --destructive-foreground: 300 50% 100%;\r\n --border: 262.32 78.49% 22.47%;\r\n --input: 262.32 78.49% 22.47%;\r\n --ring: 258.29 91.81% 66.9%;\r\n --chart-1: 255.16 93.01% 76.46%;\r\n --chart-2: 258.29 91.81% 66.9%;\r\n --chart-3: 262.45 84.47% 57.63%;\r\n --chart-4: 263.29 69.34% 50.33%;\r\n --chart-5: 263.4 69.57% 41.87%;\r\n --radius: 0.625rem;\r\n --sidebar: 222.2 46.79% 11.4%;\r\n --sidebar-foreground: 226.41 85.63% 93.62%;\r\n --sidebar-primary: 258.29 91.81% 66.9%;\r\n --sidebar-primary-foreground: 300 50% 100%;\r\n --sidebar-accent: 243.79 56.66% 50.88%;\r\n --sidebar-accent-foreground: 226.41 85.63% 93.62%;\r\n --sidebar-border: 262.32 78.49% 22.47%;\r\n --sidebar-ring: 258.29 91.81% 66.9%;\r\n --font-sans: Roboto, sans-serif;\r\n --font-serif: Playfair Display, serif;\r\n --font-mono: Fira Code, monospace;\r\n --shadow-color: 255 86% 66%;\r\n --shadow-opacity: 0.2;\r\n --shadow-blur: 4px;\r\n --shadow-spread: 0px;\r\n --shadow-offset-x: 2px;\r\n --shadow-offset-y: 2px;\r\n --letter-spacing: 0em;\r\n --spacing: 0.25rem;\r\n --shadow-2xs: 2px 2px 4px 0px hsl(255 86% 66% / 0.1);\r\n --shadow-xs: 2px 2px 4px 0px hsl(255 86% 66% / 0.1);\r\n --shadow-sm:\r\n 2px 2px 4px 0px hsl(255 86% 66% / 0.2),\r\n 2px 1px 2px -1px hsl(255 86% 66% / 0.2);\r\n --shadow:\r\n 2px 2px 4px 0px hsl(255 86% 66% / 0.2),\r\n 2px 1px 2px -1px hsl(255 86% 66% / 0.2);\r\n --shadow-md:\r\n 2px 2px 4px 0px hsl(255 86% 66% / 0.2),\r\n 2px 2px 4px -1px hsl(255 86% 66% / 0.2);\r\n --shadow-lg:\r\n 2px 2px 4px 0px hsl(255 86% 66% / 0.2),\r\n 2px 4px 6px -1px hsl(255 86% 66% / 0.2);\r\n --shadow-xl:\r\n 2px 2px 4px 0px hsl(255 86% 66% / 0.2),\r\n 2px 8px 10px -1px hsl(255 86% 66% / 0.2);\r\n --shadow-2xl: 2px 2px 4px 0px hsl(255 86% 66% / 0.5);\r\n }\r\n\r\n}\r\n", "type": "registry:file", "target": "styles/themes/bold-tech.css" } ], "meta": { "generatedVariant": true }, "type": "registry:theme" }