unocss-preset-shadcn

import { DeepPartial, Preset } from 'unocss'; import { Theme as Theme$1 } from 'unocss/preset-mini'; type ThemeColorString = `${number} ${number}% ${number}%`; declare const themeCSSVarKeys: readonly ["background", "foreground", "card", "card-foreground", "popover", "popover-foreground", "primary", "primary-foreground", "secondary", "secondary-foreground", "muted", "muted-foreground", "accent", "accent-foreground", "destructive", "destructive-foreground", "border", "input", "ring", "chart-1", "chart-2", "chart-3", "chart-4", "chart-5", "sidebar", "sidebar-foreground", "sidebar-primary", "sidebar-primary-foreground", "sidebar-accent", "sidebar-accent-foreground", "sidebar-border", "sidebar-ring"]; type ThemeCSSVarKey = (typeof themeCSSVarKeys)[number]; type ThemeCSSVars = Record<ThemeCSSVarKey, ThemeColorString>; interface ThemeCSSVarsVariant { name: string; light: ThemeCSSVars; dark: ThemeCSSVars; } declare const themes: readonly [{ readonly name: "zinc"; readonly label: "Zinc"; readonly activeColor: { readonly light: "240 5.9% 10%"; readonly dark: "240 5.2% 33.9%"; }; readonly cssVars: { readonly light: { readonly sidebar: "0 0% 98%"; readonly 'sidebar-foreground': "240 5.3% 26.1%"; readonly 'sidebar-primary': "240 5.9% 10%"; readonly 'sidebar-primary-foreground': "0 0% 98%"; readonly 'sidebar-accent': "240 4.8% 95.9%"; readonly 'sidebar-accent-foreground': "240 5.9% 10%"; readonly 'sidebar-border': "220 13% 91%"; readonly 'sidebar-ring': "217.2 91.2% 59.8%"; readonly background: "0 0% 100%"; readonly foreground: "240 10% 3.9%"; readonly card: "0 0% 100%"; readonly 'card-foreground': "240 10% 3.9%"; readonly popover: "0 0% 100%"; readonly 'popover-foreground': "240 10% 3.9%"; readonly primary: "240 5.9% 10%"; readonly 'primary-foreground': "0 0% 98%"; readonly secondary: "240 4.8% 95.9%"; readonly 'secondary-foreground': "240 5.9% 10%"; readonly muted: "240 4.8% 95.9%"; readonly 'muted-foreground': "240 3.8% 46.1%"; readonly accent: "240 4.8% 95.9%"; readonly 'accent-foreground': "240 5.9% 10%"; readonly destructive: "0 84.2% 60.2%"; readonly 'destructive-foreground': "0 0% 98%"; readonly border: "240 5.9% 90%"; readonly input: "240 5.9% 90%"; readonly ring: "240 5.9% 10%"; readonly radius: "0.5rem"; readonly 'chart-1': "12 76% 61%"; readonly 'chart-2': "173 58% 39%"; readonly 'chart-3': "197 37% 24%"; readonly 'chart-4': "43 74% 66%"; readonly 'chart-5': "27 87% 67%"; }; readonly dark: { readonly sidebar: "240 5.9% 10%"; readonly 'sidebar-foreground': "240 4.8% 95.9%"; readonly 'sidebar-primary': "0 0% 98%"; readonly 'sidebar-primary-foreground': "240 5.9% 10%"; readonly 'sidebar-accent': "240 3.7% 15.9%"; readonly 'sidebar-accent-foreground': "240 4.8% 95.9%"; readonly 'sidebar-border': "240 3.7% 15.9%"; readonly 'sidebar-ring': "217.2 91.2% 59.8%"; readonly background: "240 10% 3.9%"; readonly foreground: "0 0% 98%"; readonly card: "240 10% 3.9%"; readonly 'card-foreground': "0 0% 98%"; readonly popover: "240 10% 3.9%"; readonly 'popover-foreground': "0 0% 98%"; readonly primary: "0 0% 98%"; readonly 'primary-foreground': "240 5.9% 10%"; readonly secondary: "240 3.7% 15.9%"; readonly 'secondary-foreground': "0 0% 98%"; readonly muted: "240 3.7% 15.9%"; readonly 'muted-foreground': "240 5% 64.9%"; readonly accent: "240 3.7% 15.9%"; readonly 'accent-foreground': "0 0% 98%"; readonly destructive: "0 62.8% 30.6%"; readonly 'destructive-foreground': "0 0% 98%"; readonly border: "240 3.7% 15.9%"; readonly input: "240 3.7% 15.9%"; readonly ring: "240 4.9% 83.9%"; readonly 'chart-1': "220 70% 50%"; readonly 'chart-2': "160 60% 45%"; readonly 'chart-3': "30 80% 55%"; readonly 'chart-4': "280 65% 60%"; readonly 'chart-5': "340 75% 55%"; }; }; }, { readonly name: "slate"; readonly label: "Slate"; readonly activeColor: { readonly light: "215.4 16.3% 46.9%"; readonly dark: "215.3 19.3% 34.5%"; }; readonly cssVars: { readonly light: { readonly sidebar: "0 0% 98%"; readonly 'sidebar-foreground': "240 5.3% 26.1%"; readonly 'sidebar-primary': "240 5.9% 10%"; readonly 'sidebar-primary-foreground': "0 0% 98%"; readonly 'sidebar-accent': "240 4.8% 95.9%"; readonly 'sidebar-accent-foreground': "240 5.9% 10%"; readonly 'sidebar-border': "220 13% 91%"; readonly 'sidebar-ring': "217.2 91.2% 59.8%"; readonly background: "0 0% 100%"; readonly foreground: "222.2 84% 4.9%"; readonly card: "0 0% 100%"; readonly 'card-foreground': "222.2 84% 4.9%"; readonly popover: "0 0% 100%"; readonly 'popover-foreground': "222.2 84% 4.9%"; readonly primary: "222.2 47.4% 11.2%"; readonly 'primary-foreground': "210 40% 98%"; readonly secondary: "210 40% 96.1%"; readonly 'secondary-foreground': "222.2 47.4% 11.2%"; readonly muted: "210 40% 96.1%"; readonly 'muted-foreground': "215.4 16.3% 46.9%"; readonly accent: "210 40% 96.1%"; readonly 'accent-foreground': "222.2 47.4% 11.2%"; readonly destructive: "0 84.2% 60.2%"; readonly 'destructive-foreground': "210 40% 98%"; readonly border: "214.3 31.8% 91.4%"; readonly input: "214.3 31.8% 91.4%"; readonly ring: "222.2 84% 4.9%"; readonly radius: "0.5rem"; readonly 'chart-1': "12 76% 61%"; readonly 'chart-2': "173 58% 39%"; readonly 'chart-3': "197 37% 24%"; readonly 'chart-4': "43 74% 66%"; readonly 'chart-5': "27 87% 67%"; }; readonly dark: { readonly sidebar: "240 5.9% 10%"; readonly 'sidebar-foreground': "240 4.8% 95.9%"; readonly 'sidebar-primary': "0 0% 98%"; readonly 'sidebar-primary-foreground': "240 5.9% 10%"; readonly 'sidebar-accent': "240 3.7% 15.9%"; readonly 'sidebar-accent-foreground': "240 4.8% 95.9%"; readonly 'sidebar-border': "240 3.7% 15.9%"; readonly 'sidebar-ring': "217.2 91.2% 59.8%"; readonly background: "222.2 84% 4.9%"; readonly foreground: "210 40% 98%"; readonly card: "222.2 84% 4.9%"; readonly 'card-foreground': "210 40% 98%"; readonly popover: "222.2 84% 4.9%"; readonly 'popover-foreground': "210 40% 98%"; readonly primary: "210 40% 98%"; readonly 'primary-foreground': "222.2 47.4% 11.2%"; readonly secondary: "217.2 32.6% 17.5%"; readonly 'secondary-foreground': "210 40% 98%"; readonly muted: "217.2 32.6% 17.5%"; readonly 'muted-foreground': "215 20.2% 65.1%"; readonly accent: "217.2 32.6% 17.5%"; readonly 'accent-foreground': "210 40% 98%"; readonly destructive: "0 62.8% 30.6%"; readonly 'destructive-foreground': "210 40% 98%"; readonly border: "217.2 32.6% 17.5%"; readonly input: "217.2 32.6% 17.5%"; readonly ring: "212.7 26.8% 83.9%"; readonly 'chart-1': "220 70% 50%"; readonly 'chart-2': "160 60% 45%"; readonly 'chart-3': "30 80% 55%"; readonly 'chart-4': "280 65% 60%"; readonly 'chart-5': "340 75% 55%"; }; }; }, { readonly name: "stone"; readonly label: "Stone"; readonly activeColor: { readonly light: "25 5.3% 44.7%"; readonly dark: "33.3 5.5% 32.4%"; }; readonly cssVars: { readonly light: { readonly sidebar: "0 0% 98%"; readonly 'sidebar-foreground': "240 5.3% 26.1%"; readonly 'sidebar-primary': "240 5.9% 10%"; readonly 'sidebar-primary-foreground': "0 0% 98%"; readonly 'sidebar-accent': "240 4.8% 95.9%"; readonly 'sidebar-accent-foreground': "240 5.9% 10%"; readonly 'sidebar-border': "220 13% 91%"; readonly 'sidebar-ring': "217.2 91.2% 59.8%"; readonly background: "0 0% 100%"; readonly foreground: "20 14.3% 4.1%"; readonly card: "0 0% 100%"; readonly 'card-foreground': "20 14.3% 4.1%"; readonly popover: "0 0% 100%"; readonly 'popover-foreground': "20 14.3% 4.1%"; readonly primary: "24 9.8% 10%"; readonly 'primary-foreground': "60 9.1% 97.8%"; readonly secondary: "60 4.8% 95.9%"; readonly 'secondary-foreground': "24 9.8% 10%"; readonly muted: "60 4.8% 95.9%"; readonly 'muted-foreground': "25 5.3% 44.7%"; readonly accent: "60 4.8% 95.9%"; readonly 'accent-foreground': "24 9.8% 10%"; readonly destructive: "0 84.2% 60.2%"; readonly 'destructive-foreground': "60 9.1% 97.8%"; readonly border: "20 5.9% 90%"; readonly input: "20 5.9% 90%"; readonly ring: "20 14.3% 4.1%"; readonly radius: "0.95rem"; readonly 'chart-1': "12 76% 61%"; readonly 'chart-2': "173 58% 39%"; readonly 'chart-3': "197 37% 24%"; readonly 'chart-4': "43 74% 66%"; readonly 'chart-5': "27 87% 67%"; }; readonly dark: { readonly sidebar: "240 5.9% 10%"; readonly 'sidebar-foreground': "240 4.8% 95.9%"; readonly 'sidebar-primary': "0 0% 98%"; readonly 'sidebar-primary-foreground': "240 5.9% 10%"; readonly 'sidebar-accent': "240 3.7% 15.9%"; readonly 'sidebar-accent-foreground': "240 4.8% 95.9%"; readonly 'sidebar-border': "240 3.7% 15.9%"; readonly 'sidebar-ring': "217.2 91.2% 59.8%"; readonly background: "20 14.3% 4.1%"; readonly foreground: "60 9.1% 97.8%"; readonly card: "20 14.3% 4.1%"; readonly 'card-foreground': "60 9.1% 97.8%"; readonly popover: "20 14.3% 4.1%"; readonly 'popover-foreground': "60 9.1% 97.8%"; readonly primary: "60 9.1% 97.8%"; readonly 'primary-foreground': "24 9.8% 10%"; readonly secondary: "12 6.5% 15.1%"; readonly 'secondary-foreground': "60 9.1% 97.8%"; readonly muted: "12 6.5% 15.1%"; readonly 'muted-foreground': "24 5.4% 63.9%"; readonly accent: "12 6.5% 15.1%"; readonly 'accent-foreground': "60 9.1% 97.8%"; readonly destructive: "0 62.8% 30.6%"; readonly 'destructive-foreground': "60 9.1% 97.8%"; readonly border: "12 6.5% 15.1%"; readonly input: "12 6.5% 15.1%"; readonly ring: "24 5.7% 82.9%"; readonly 'chart-1': "220 70% 50%"; readonly 'chart-2': "160 60% 45%"; readonly 'chart-3': "30 80% 55%"; readonly 'chart-4': "280 65% 60%"; readonly 'chart-5': "340 75% 55%"; }; }; }, { readonly name: "gray"; readonly label: "Gray"; readonly activeColor: { readonly light: "220 8.9% 46.1%"; readonly dark: "215 13.8% 34.1%"; }; readonly cssVars: { readonly light: { readonly sidebar: "0 0% 98%"; readonly 'sidebar-foreground': "240 5.3% 26.1%"; readonly 'sidebar-primary': "240 5.9% 10%"; readonly 'sidebar-primary-foreground': "0 0% 98%"; readonly 'sidebar-accent': "240 4.8% 95.9%"; readonly 'sidebar-accent-foreground': "240 5.9% 10%"; readonly 'sidebar-border': "220 13% 91%"; readonly 'sidebar-ring': "217.2 91.2% 59.8%"; readonly background: "0 0% 100%"; readonly foreground: "224 71.4% 4.1%"; readonly card: "0 0% 100%"; readonly 'card-foreground': "224 71.4% 4.1%"; readonly popover: "0 0% 100%"; readonly 'popover-foreground': "224 71.4% 4.1%"; readonly primary: "220.9 39.3% 11%"; readonly 'primary-foreground': "210 20% 98%"; readonly secondary: "220 14.3% 95.9%"; readonly 'secondary-foreground': "220.9 39.3% 11%"; readonly muted: "220 14.3% 95.9%"; readonly 'muted-foreground': "220 8.9% 46.1%"; readonly accent: "220 14.3% 95.9%"; readonly 'accent-foreground': "220.9 39.3% 11%"; readonly destructive: "0 84.2% 60.2%"; readonly 'destructive-foreground': "210 20% 98%"; readonly border: "220 13% 91%"; readonly input: "220 13% 91%"; readonly ring: "224 71.4% 4.1%"; readonly radius: "0.35rem"; readonly 'chart-1': "12 76% 61%"; readonly 'chart-2': "173 58% 39%"; readonly 'chart-3': "197 37% 24%"; readonly 'chart-4': "43 74% 66%"; readonly 'chart-5': "27 87% 67%"; }; readonly dark: { readonly sidebar: "240 5.9% 10%"; readonly 'sidebar-foreground': "240 4.8% 95.9%"; readonly 'sidebar-primary': "0 0% 98%"; readonly 'sidebar-primary-foreground': "240 5.9% 10%"; readonly 'sidebar-accent': "240 3.7% 15.9%"; readonly 'sidebar-accent-foreground': "240 4.8% 95.9%"; readonly 'sidebar-border': "240 3.7% 15.9%"; readonly 'sidebar-ring': "217.2 91.2% 59.8%"; readonly background: "224 71.4% 4.1%"; readonly foreground: "210 20% 98%"; readonly card: "224 71.4% 4.1%"; readonly 'card-foreground': "210 20% 98%"; readonly popover: "224 71.4% 4.1%"; readonly 'popover-foreground': "210 20% 98%"; readonly primary: "210 20% 98%"; readonly 'primary-foreground': "220.9 39.3% 11%"; readonly secondary: "215 27.9% 16.9%"; readonly 'secondary-foreground': "210 20% 98%"; readonly muted: "215 27.9% 16.9%"; readonly 'muted-foreground': "217.9 10.6% 64.9%"; readonly accent: "215 27.9% 16.9%"; readonly 'accent-foreground': "210 20% 98%"; readonly destructive: "0 62.8% 30.6%"; readonly 'destructive-foreground': "210 20% 98%"; readonly border: "215 27.9% 16.9%"; readonly input: "215 27.9% 16.9%"; readonly ring: "216 12.2% 83.9%"; readonly 'chart-1': "220 70% 50%"; readonly 'chart-2': "160 60% 45%"; readonly 'chart-3': "30 80% 55%"; readonly 'chart-4': "280 65% 60%"; readonly 'chart-5': "340 75% 55%"; }; }; }, { readonly name: "neutral"; readonly label: "Neutral"; readonly activeColor: { readonly light: "0 0% 45.1%"; readonly dark: "0 0% 32.2%"; }; readonly cssVars: { readonly light: { readonly sidebar: "0 0% 98%"; readonly 'sidebar-foreground': "240 5.3% 26.1%"; readonly 'sidebar-primary': "240 5.9% 10%"; readonly 'sidebar-primary-foreground': "0 0% 98%"; readonly 'sidebar-accent': "240 4.8% 95.9%"; readonly 'sidebar-accent-foreground': "240 5.9% 10%"; readonly 'sidebar-border': "220 13% 91%"; readonly 'sidebar-ring': "217.2 91.2% 59.8%"; readonly background: "0 0% 100%"; readonly foreground: "0 0% 3.9%"; readonly card: "0 0% 100%"; readonly 'card-foreground': "0 0% 3.9%"; readonly popover: "0 0% 100%"; readonly 'popover-foreground': "0 0% 3.9%"; readonly primary: "0 0% 9%"; readonly 'primary-foreground': "0 0% 98%"; readonly secondary: "0 0% 96.1%"; readonly 'secondary-foreground': "0 0% 9%"; readonly muted: "0 0% 96.1%"; readonly 'muted-foreground': "0 0% 45.1%"; readonly accent: "0 0% 96.1%"; readonly 'accent-foreground': "0 0% 9%"; readonly destructive: "0 84.2% 60.2%"; readonly 'destructive-foreground': "0 0% 98%"; readonly border: "0 0% 89.8%"; readonly input: "0 0% 89.8%"; readonly ring: "0 0% 3.9%"; readonly 'chart-1': "12 76% 61%"; readonly 'chart-2': "173 58% 39%"; readonly 'chart-3': "197 37% 24%"; readonly 'chart-4': "43 74% 66%"; readonly 'chart-5': "27 87% 67%"; }; readonly dark: { readonly sidebar: "240 5.9% 10%"; readonly 'sidebar-foreground': "240 4.8% 95.9%"; readonly 'sidebar-primary': "0 0% 98%"; readonly 'sidebar-primary-foreground': "240 5.9% 10%"; readonly 'sidebar-accent': "240 3.7% 15.9%"; readonly 'sidebar-accent-foreground': "240 4.8% 95.9%"; readonly 'sidebar-border': "240 3.7% 15.9%"; readonly 'sidebar-ring': "217.2 91.2% 59.8%"; readonly background: "0 0% 3.9%"; readonly foreground: "0 0% 98%"; readonly card: "0 0% 3.9%"; readonly 'card-foreground': "0 0% 98%"; readonly popover: "0 0% 3.9%"; readonly 'popover-foreground': "0 0% 98%"; readonly primary: "0 0% 98%"; readonly 'primary-foreground': "0 0% 9%"; readonly secondary: "0 0% 14.9%"; readonly 'secondary-foreground': "0 0% 98%"; readonly muted: "0 0% 14.9%"; readonly 'muted-foreground': "0 0% 63.9%"; readonly accent: "0 0% 14.9%"; readonly 'accent-foreground': "0 0% 98%"; readonly destructive: "0 62.8% 30.6%"; readonly 'destructive-foreground': "0 0% 98%"; readonly border: "0 0% 14.9%"; readonly input: "0 0% 14.9%"; readonly ring: "0 0% 83.1%"; readonly 'chart-1': "220 70% 50%"; readonly 'chart-2': "160 60% 45%"; readonly 'chart-3': "30 80% 55%"; readonly 'chart-4': "280 65% 60%"; readonly 'chart-5': "340 75% 55%"; }; }; }, { readonly name: "red"; readonly label: "Red"; readonly activeColor: { readonly light: "0 72.2% 50.6%"; readonly dark: "0 72.2% 50.6%"; }; readonly cssVars: { readonly light: { readonly sidebar: "0 0% 98%"; readonly 'sidebar-foreground': "240 5.3% 26.1%"; readonly 'sidebar-primary': "240 5.9% 10%"; readonly 'sidebar-primary-foreground': "0 0% 98%"; readonly 'sidebar-accent': "240 4.8% 95.9%"; readonly 'sidebar-accent-foreground': "240 5.9% 10%"; readonly 'sidebar-border': "220 13% 91%"; readonly 'sidebar-ring': "217.2 91.2% 59.8%"; readonly background: "0 0% 100%"; readonly foreground: "0 0% 3.9%"; readonly card: "0 0% 100%"; readonly 'card-foreground': "0 0% 3.9%"; readonly popover: "0 0% 100%"; readonly 'popover-foreground': "0 0% 3.9%"; readonly primary: "0 72.2% 50.6%"; readonly 'primary-foreground': "0 85.7% 97.3%"; readonly secondary: "0 0% 96.1%"; readonly 'secondary-foreground': "0 0% 9%"; readonly muted: "0 0% 96.1%"; readonly 'muted-foreground': "0 0% 45.1%"; readonly accent: "0 0% 96.1%"; readonly 'accent-foreground': "0 0% 9%"; readonly destructive: "0 84.2% 60.2%"; readonly 'destructive-foreground': "0 0% 98%"; readonly border: "0 0% 89.8%"; readonly input: "0 0% 89.8%"; readonly ring: "0 72.2% 50.6%"; readonly radius: "0.4rem"; readonly 'chart-1': "12 76% 61%"; readonly 'chart-2': "173 58% 39%"; readonly 'chart-3': "197 37% 24%"; readonly 'chart-4': "43 74% 66%"; readonly 'chart-5': "27 87% 67%"; }; readonly dark: { readonly sidebar: "240 5.9% 10%"; readonly 'sidebar-foreground': "240 4.8% 95.9%"; readonly 'sidebar-primary': "0 0% 98%"; readonly 'sidebar-primary-foreground': "240 5.9% 10%"; readonly 'sidebar-accent': "240 3.7% 15.9%"; readonly 'sidebar-accent-foreground': "240 4.8% 95.9%"; readonly 'sidebar-border': "240 3.7% 15.9%"; readonly 'sidebar-ring': "217.2 91.2% 59.8%"; readonly background: "0 0% 3.9%"; readonly foreground: "0 0% 98%"; readonly card: "0 0% 3.9%"; readonly 'card-foreground': "0 0% 98%"; readonly popover: "0 0% 3.9%"; readonly 'popover-foreground': "0 0% 98%"; readonly primary: "0 72.2% 50.6%"; readonly 'primary-foreground': "0 85.7% 97.3%"; readonly secondary: "0 0% 14.9%"; readonly 'secondary-foreground': "0 0% 98%"; readonly muted: "0 0% 14.9%"; readonly 'muted-foreground': "0 0% 63.9%"; readonly accent: "0 0% 14.9%"; readonly 'accent-foreground': "0 0% 98%"; readonly destructive: "0 62.8% 30.6%"; readonly 'destructive-foreground': "0 0% 98%"; readonly border: "0 0% 14.9%"; readonly input: "0 0% 14.9%"; readonly ring: "0 72.2% 50.6%"; readonly 'chart-1': "220 70% 50%"; readonly 'chart-2': "160 60% 45%"; readonly 'chart-3': "30 80% 55%"; readonly 'chart-4': "280 65% 60%"; readonly 'chart-5': "340 75% 55%"; }; }; }, { readonly name: "rose"; readonly label: "Rose"; readonly activeColor: { readonly light: "346.8 77.2% 49.8%"; readonly dark: "346.8 77.2% 49.8%"; }; readonly cssVars: { readonly light: { readonly sidebar: "0 0% 98%"; readonly 'sidebar-foreground': "240 5.3% 26.1%"; readonly 'sidebar-primary': "240 5.9% 10%"; readonly 'sidebar-primary-foreground': "0 0% 98%"; readonly 'sidebar-accent': "240 4.8% 95.9%"; readonly 'sidebar-accent-foreground': "240 5.9% 10%"; readonly 'sidebar-border': "220 13% 91%"; readonly 'sidebar-ring': "217.2 91.2% 59.8%"; readonly background: "0 0% 100%"; readonly foreground: "240 10% 3.9%"; readonly card: "0 0% 100%"; readonly 'card-foreground': "240 10% 3.9%"; readonly popover: "0 0% 100%"; readonly 'popover-foreground': "240 10% 3.9%"; readonly primary: "346.8 77.2% 49.8%"; readonly 'primary-foreground': "355.7 100% 97.3%"; readonly secondary: "240 4.8% 95.9%"; readonly 'secondary-foreground': "240 5.9% 10%"; readonly muted: "240 4.8% 95.9%"; readonly 'muted-foreground': "240 3.8% 46.1%"; readonly accent: "240 4.8% 95.9%"; readonly 'accent-foreground': "240 5.9% 10%"; readonly destructive: "0 84.2% 60.2%"; readonly 'destructive-foreground': "0 0% 98%"; readonly border: "240 5.9% 90%"; readonly input: "240 5.9% 90%"; readonly ring: "346.8 77.2% 49.8%"; readonly radius: "0.5rem"; readonly 'chart-1': "12 76% 61%"; readonly 'chart-2': "173 58% 39%"; readonly 'chart-3': "197 37% 24%"; readonly 'chart-4': "43 74% 66%"; readonly 'chart-5': "27 87% 67%"; }; readonly dark: { readonly sidebar: "240 5.9% 10%"; readonly 'sidebar-foreground': "240 4.8% 95.9%"; readonly 'sidebar-primary': "0 0% 98%"; readonly 'sidebar-primary-foreground': "240 5.9% 10%"; readonly 'sidebar-accent': "240 3.7% 15.9%"; readonly 'sidebar-accent-foreground': "240 4.8% 95.9%"; readonly 'sidebar-border': "240 3.7% 15.9%"; readonly 'sidebar-ring': "217.2 91.2% 59.8%"; readonly background: "20 14.3% 4.1%"; readonly foreground: "0 0% 95%"; readonly popover: "0 0% 9%"; readonly 'popover-foreground': "0 0% 95%"; readonly card: "24 9.8% 10%"; readonly 'card-foreground': "0 0% 95%"; readonly primary: "346.8 77.2% 49.8%"; readonly 'primary-foreground': "355.7 100% 97.3%"; readonly secondary: "240 3.7% 15.9%"; readonly 'secondary-foreground': "0 0% 98%"; readonly muted: "0 0% 15%"; readonly 'muted-foreground': "240 5% 64.9%"; readonly accent: "12 6.5% 15.1%"; readonly 'accent-foreground': "0 0% 98%"; readonly destructive: "0 62.8% 30.6%"; readonly 'destructive-foreground': "0 85.7% 97.3%"; readonly border: "240 3.7% 15.9%"; readonly input: "240 3.7% 15.9%"; readonly ring: "346.8 77.2% 49.8%"; readonly 'chart-1': "220 70% 50%"; readonly 'chart-2': "160 60% 45%"; readonly 'chart-3': "30 80% 55%"; readonly 'chart-4': "280 65% 60%"; readonly 'chart-5': "340 75% 55%"; }; }; }, { readonly name: "orange"; readonly label: "Orange"; readonly activeColor: { readonly light: "24.6 95% 53.1%"; readonly dark: "20.5 90.2% 48.2%"; }; readonly cssVars: { readonly light: { readonly sidebar: "0 0% 98%"; readonly 'sidebar-foreground': "240 5.3% 26.1%"; readonly 'sidebar-primary': "240 5.9% 10%"; readonly 'sidebar-primary-foreground': "0 0% 98%"; readonly 'sidebar-accent': "240 4.8% 95.9%"; readonly 'sidebar-accent-foreground': "240 5.9% 10%"; readonly 'sidebar-border': "220 13% 91%"; readonly 'sidebar-ring': "217.2 91.2% 59.8%"; readonly background: "0 0% 100%"; readonly foreground: "20 14.3% 4.1%"; readonly card: "0 0% 100%"; readonly 'card-foreground': "20 14.3% 4.1%"; readonly popover: "0 0% 100%"; readonly 'popover-foreground': "20 14.3% 4.1%"; readonly primary: "24.6 95% 53.1%"; readonly 'primary-foreground': "60 9.1% 97.8%"; readonly secondary: "60 4.8% 95.9%"; readonly 'secondary-foreground': "24 9.8% 10%"; readonly muted: "60 4.8% 95.9%"; readonly 'muted-foreground': "25 5.3% 44.7%"; readonly accent: "60 4.8% 95.9%"; readonly 'accent-foreground': "24 9.8% 10%"; readonly destructive: "0 84.2% 60.2%"; readonly 'destructive-foreground': "60 9.1% 97.8%"; readonly border: "20 5.9% 90%"; readonly input: "20 5.9% 90%"; readonly ring: "24.6 95% 53.1%"; readonly radius: "0.95rem"; readonly 'chart-1': "12 76% 61%"; readonly 'chart-2': "173 58% 39%"; readonly 'chart-3': "197 37% 24%"; readonly 'chart-4': "43 74% 66%"; readonly 'chart-5': "27 87% 67%"; }; readonly dark: { readonly sidebar: "240 5.9% 10%"; readonly 'sidebar-foreground': "240 4.8% 95.9%"; readonly 'sidebar-primary': "0 0% 98%"; readonly 'sidebar-primary-foreground': "240 5.9% 10%"; readonly 'sidebar-accent': "240 3.7% 15.9%"; readonly 'sidebar-accent-foreground': "240 4.8% 95.9%"; readonly 'sidebar-border': "240 3.7% 15.9%"; readonly 'sidebar-ring': "217.2 91.2% 59.8%"; readonly background: "20 14.3% 4.1%"; readonly foreground: "60 9.1% 97.8%"; readonly card: "20 14.3% 4.1%"; readonly 'card-foreground': "60 9.1% 97.8%"; readonly popover: "20 14.3% 4.1%"; readonly 'popover-foreground': "60 9.1% 97.8%"; readonly primary: "20.5 90.2% 48.2%"; readonly 'primary-foreground': "60 9.1% 97.8%"; readonly secondary: "12 6.5% 15.1%"; readonly 'secondary-foreground': "60 9.1% 97.8%"; readonly muted: "12 6.5% 15.1%"; readonly 'muted-foreground': "24 5.4% 63.9%"; readonly accent: "12 6.5% 15.1%"; readonly 'accent-foreground': "60 9.1% 97.8%"; readonly destructive: "0 72.2% 50.6%"; readonly 'destructive-foreground': "60 9.1% 97.8%"; readonly border: "12 6.5% 15.1%"; readonly input: "12 6.5% 15.1%"; readonly ring: "20.5 90.2% 48.2%"; readonly 'chart-1': "220 70% 50%"; readonly 'chart-2': "160 60% 45%"; readonly 'chart-3': "30 80% 55%"; readonly 'chart-4': "280 65% 60%"; readonly 'chart-5': "340 75% 55%"; }; }; }, { readonly name: "green"; readonly label: "Green"; readonly activeColor: { readonly light: "142.1 76.2% 36.3%"; readonly dark: "142.1 70.6% 45.3%"; }; readonly cssVars: { readonly light: { readonly sidebar: "0 0% 98%"; readonly 'sidebar-foreground': "240 5.3% 26.1%"; readonly 'sidebar-primary': "240 5.9% 10%"; readonly 'sidebar-primary-foreground': "0 0% 98%"; readonly 'sidebar-accent': "240 4.8% 95.9%"; readonly 'sidebar-accent-foreground': "240 5.9% 10%"; readonly 'sidebar-border': "220 13% 91%"; readonly 'sidebar-ring': "217.2 91.2% 59.8%"; readonly background: "0 0% 100%"; readonly foreground: "240 10% 3.9%"; readonly card: "0 0% 100%"; readonly 'card-foreground': "240 10% 3.9%"; readonly popover: "0 0% 100%"; readonly 'popover-foreground': "240 10% 3.9%"; readonly primary: "142.1 76.2% 36.3%"; readonly 'primary-foreground': "355.7 100% 97.3%"; readonly secondary: "240 4.8% 95.9%"; readonly 'secondary-foreground': "240 5.9% 10%"; readonly muted: "240 4.8% 95.9%"; readonly 'muted-foreground': "240 3.8% 46.1%"; readonly accent: "240 4.8% 95.9%"; readonly 'accent-foreground': "240 5.9% 10%"; readonly destructive: "0 84.2% 60.2%"; readonly 'destructive-foreground': "0 0% 98%"; readonly border: "240 5.9% 90%"; readonly input: "240 5.9% 90%"; readonly ring: "142.1 76.2% 36.3%"; readonly 'chart-1': "12 76% 61%"; readonly 'chart-2': "173 58% 39%"; readonly 'chart-3': "197 37% 24%"; readonly 'chart-4': "43 74% 66%"; readonly 'chart-5': "27 87% 67%"; }; readonly dark: { readonly sidebar: "240 5.9% 10%"; readonly 'sidebar-foreground': "240 4.8% 95.9%"; readonly 'sidebar-primary': "0 0% 98%"; readonly 'sidebar-primary-foreground': "240 5.9% 10%"; readonly 'sidebar-accent': "240 3.7% 15.9%"; readonly 'sidebar-accent-foreground': "240 4.8% 95.9%"; readonly 'sidebar-border': "240 3.7% 15.9%"; readonly 'sidebar-ring': "217.2 91.2% 59.8%"; readonly background: "20 14.3% 4.1%"; readonly foreground: "0 0% 95%"; readonly popover: "0 0% 9%"; readonly 'popover-foreground': "0 0% 95%"; readonly card: "24 9.8% 10%"; readonly 'card-foreground': "0 0% 95%"; readonly primary: "142.1 70.6% 45.3%"; readonly 'primary-foreground': "144.9 80.4% 10%"; readonly secondary: "240 3.7% 15.9%"; readonly 'secondary-foreground': "0 0% 98%"; readonly muted: "0 0% 15%"; readonly 'muted-foreground': "240 5% 64.9%"; readonly accent: "12 6.5% 15.1%"; readonly 'accent-foreground': "0 0% 98%"; readonly destructive: "0 62.8% 30.6%"; readonly 'destructive-foreground': "0 85.7% 97.3%"; readonly border: "240 3.7% 15.9%"; readonly input: "240 3.7% 15.9%"; readonly ring: "142.4 71.8% 29.2%"; readonly 'chart-1': "220 70% 50%"; readonly 'chart-2': "160 60% 45%"; readonly 'chart-3': "30 80% 55%"; readonly 'chart-4': "280 65% 60%"; readonly 'chart-5': "340 75% 55%"; }; }; }, { readonly name: "blue"; readonly label: "Blue"; readonly activeColor: { readonly light: "221.2 83.2% 53.3%"; readonly dark: "217.2 91.2% 59.8%"; }; readonly cssVars: { readonly light: { readonly sidebar: "0 0% 98%"; readonly 'sidebar-foreground': "240 5.3% 26.1%"; readonly 'sidebar-primary': "240 5.9% 10%"; readonly 'sidebar-primary-foreground': "0 0% 98%"; readonly 'sidebar-accent': "240 4.8% 95.9%"; readonly 'sidebar-accent-foreground': "240 5.9% 10%"; readonly 'sidebar-border': "220 13% 91%"; readonly 'sidebar-ring': "217.2 91.2% 59.8%"; readonly background: "0 0% 100%"; readonly foreground: "222.2 84% 4.9%"; readonly card: "0 0% 100%"; readonly 'card-foreground': "222.2 84% 4.9%"; readonly popover: "0 0% 100%"; readonly 'popover-foreground': "222.2 84% 4.9%"; readonly primary: "221.2 83.2% 53.3%"; readonly 'primary-foreground': "210 40% 98%"; readonly secondary: "210 40% 96.1%"; readonly 'secondary-foreground': "222.2 47.4% 11.2%"; readonly muted: "210 40% 96.1%"; readonly 'muted-foreground': "215.4 16.3% 46.9%"; readonly accent: "210 40% 96.1%"; readonly 'accent-foreground': "222.2 47.4% 11.2%"; readonly destructive: "0 84.2% 60.2%"; readonly 'destructive-foreground': "210 40% 98%"; readonly border: "214.3 31.8% 91.4%"; readonly input: "214.3 31.8% 91.4%"; readonly ring: "221.2 83.2% 53.3%"; readonly 'chart-1': "12 76% 61%"; readonly 'chart-2': "173 58% 39%"; readonly 'chart-3': "197 37% 24%"; readonly 'chart-4': "43 74% 66%"; readonly 'chart-5': "27 87% 67%"; }; readonly dark: { readonly sidebar: "240 5.9% 10%"; readonly 'sidebar-foreground': "240 4.8% 95.9%"; readonly 'sidebar-primary': "0 0% 98%"; readonly 'sidebar-primary-foreground': "240 5.9% 10%"; readonly 'sidebar-accent': "240 3.7% 15.9%"; readonly 'sidebar-accent-foreground': "240 4.8% 95.9%"; readonly 'sidebar-border': "240 3.7% 15.9%"; readonly 'sidebar-ring': "217.2 91.2% 59.8%"; readonly background: "222.2 84% 4.9%"; readonly foreground: "210 40% 98%"; readonly card: "222.2 84% 4.9%"; readonly 'card-foreground': "210 40% 98%"; readonly popover: "222.2 84% 4.9%"; readonly 'popover-foreground': "210 40% 98%"; readonly primary: "217.2 91.2% 59.8%"; readonly 'primary-foreground': "222.2 47.4% 11.2%"; readonly secondary: "217.2 32.6% 17.5%"; readonly 'secondary-foreground': "210 40% 98%"; readonly muted: "217.2 32.6% 17.5%"; readonly 'muted-foreground': "215 20.2% 65.1%"; readonly accent: "217.2 32.6% 17.5%"; readonly 'accent-foreground': "210 40% 98%"; readonly destructive: "0 62.8% 30.6%"; readonly 'destructive-foreground': "210 40% 98%"; readonly border: "217.2 32.6% 17.5%"; readonly input: "217.2 32.6% 17.5%"; readonly ring: "224.3 76.3% 48%"; readonly 'chart-1': "220 70% 50%"; readonly 'chart-2': "160 60% 45%"; readonly 'chart-3': "30 80% 55%"; readonly 'chart-4': "280 65% 60%"; readonly 'chart-5': "340 75% 55%"; }; }; }, { readonly name: "yellow"; readonly label: "Yellow"; readonly activeColor: { readonly light: "47.9 95.8% 53.1%"; readonly dark: "47.9 95.8% 53.1%"; }; readonly cssVars: { readonly light: { readonly sidebar: "0 0% 98%"; readonly 'sidebar-foreground': "240 5.3% 26.1%"; readonly 'sidebar-primary': "240 5.9% 10%"; readonly 'sidebar-primary-foreground': "0 0% 98%"; readonly 'sidebar-accent': "240 4.8% 95.9%"; readonly 'sidebar-accent-foreground': "240 5.9% 10%"; readonly 'sidebar-border': "220 13% 91%"; readonly 'sidebar-ring': "217.2 91.2% 59.8%"; readonly background: "0 0% 100%"; readonly foreground: "20 14.3% 4.1%"; readonly card: "0 0% 100%"; readonly 'card-foreground': "20 14.3% 4.1%"; readonly popover: "0 0% 100%"; readonly 'popover-foreground': "20 14.3% 4.1%"; readonly primary: "47.9 95.8% 53.1%"; readonly 'primary-foreground': "26 83.3% 14.1%"; readonly secondary: "60 4.8% 95.9%"; readonly 'secondary-foreground': "24 9.8% 10%"; readonly muted: "60 4.8% 95.9%"; readonly 'muted-foreground': "25 5.3% 44.7%"; readonly accent: "60 4.8% 95.9%"; readonly 'accent-foreground': "24 9.8% 10%"; readonly destructive: "0 84.2% 60.2%"; readonly 'destructive-foreground': "60 9.1% 97.8%"; readonly border: "20 5.9% 90%"; readonly input: "20 5.9% 90%"; readonly ring: "20 14.3% 4.1%"; readonly radius: "0.95rem"; readonly 'chart-1': "12 76% 61%"; readonly 'chart-2': "173 58% 39%"; readonly 'chart-3': "197 37% 24%"; readonly 'chart-4': "43 74% 66%"; readonly 'chart-5': "27 87% 67%"; }; readonly dark: { readonly sidebar: "240 5.9% 10%"; readonly 'sidebar-foreground': "240 4.8% 95.9%"; readonly 'sidebar-primary': "0 0% 98%"; readonly 'sidebar-primary-foreground': "240 5.9% 10%"; readonly 'sidebar-accent': "240 3.7% 15.9%"; readonly 'sidebar-accent-foreground': "240 4.8% 95.9%"; readonly 'sidebar-border': "240 3.7% 15.9%"; readonly 'sidebar-ring': "217.2 91.2% 59.8%"; readonly background: "20 14.3% 4.1%"; readonly foreground: "60 9.1% 97.8%"; readonly card: "20 14.3% 4.1%"; readonly 'card-foreground': "60 9.1% 97.8%"; readonly popover: "20 14.3% 4.1%"; readonly 'popover-foreground': "60 9.1% 97.8%"; readonly primary: "47.9 95.8% 53.1%"; readonly 'primary-foreground': "26 83.3% 14.1%"; readonly secondary: "12 6.5% 15.1%"; readonly 'secondary-foreground': "60 9.1% 97.8%"; readonly muted: "12 6.5% 15.1%"; readonly 'muted-foreground': "24 5.4% 63.9%"; readonly accent: "12 6.5% 15.1%"; readonly 'accent-foreground': "60 9.1% 97.8%"; readonly destructive: "0 62.8% 30.6%"; readonly 'destructive-foreground': "60 9.1% 97.8%"; readonly border: "12 6.5% 15.1%"; readonly input: "12 6.5% 15.1%"; readonly ring: "35.5 91.7% 32.9%"; readonly 'chart-1': "220 70% 50%"; readonly 'chart-2': "160 60% 45%"; readonly 'chart-3': "30 80% 55%"; readonly 'chart-4': "280 65% 60%"; readonly 'chart-5': "340 75% 55%"; }; }; }, { readonly name: "violet"; readonly label: "Violet"; readonly activeColor: { readonly light: "262.1 83.3% 57.8%"; readonly dark: "263.4 70% 50.4%"; }; readonly cssVars: { readonly light: { readonly sidebar: "0 0% 98%"; readonly 'sidebar-foreground': "240 5.3% 26.1%"; readonly 'sidebar-primary': "240 5.9% 10%"; readonly 'sidebar-primary-foreground': "0 0% 98%"; readonly 'sidebar-accent': "240 4.8% 95.9%"; readonly 'sidebar-accent-foreground': "240 5.9% 10%"; readonly 'sidebar-border': "220 13% 91%"; readonly 'sidebar-ring': "217.2 91.2% 59.8%"; readonly background: "0 0% 100%"; readonly foreground: "224 71.4% 4.1%"; readonly card: "0 0% 100%"; readonly 'card-foreground': "224 71.4% 4.1%"; readonly popover: "0 0% 100%"; readonly 'popover-foreground': "224 71.4% 4.1%"; readonly primary: "262.1 83.3% 57.8%"; readonly 'primary-foreground': "210 20% 98%"; readonly secondary: "220 14.3% 95.9%"; readonly 'secondary-foreground': "220.9 39.3% 11%"; readonly muted: "220 14.3% 95.9%"; readonly 'muted-foreground': "220 8.9% 46.1%"; readonly accent: "220 14.3% 95.9%"; readonly 'accent-foreground': "220.9 39.3% 11%"; readonly destructive: "0 84.2% 60.2%"; readonly 'destructive-foreground': "210 20% 98%"; readonly border: "220 13% 91%"; readonly input: "220 13% 91%"; readonly ring: "262.1 83.3% 57.8%"; readonly 'chart-1': "12 76% 61%"; readonly 'chart-2': "173 58% 39%"; readonly 'chart-3': "197 37% 24%"; readonly 'chart-4': "43 74% 66%"; readonly 'chart-5': "27 87% 67%"; }; readonly dark: { readonly sidebar: "240 5.9% 10%"; readonly 'sidebar-foreground': "240 4.8% 95.9%"; readonly 'sidebar-primary': "0 0% 98%"; readonly 'sidebar-primary-foreground': "240 5.9% 10%"; readonly 'sidebar-accent': "240 3.7% 15.9%"; readonly 'sidebar-accent-foreground': "240 4.8% 95.9%"; readonly 'sidebar-border': "240 3.7% 15.9%"; readonly 'sidebar-ring': "217.2 91.2% 59.8%"; readonly background: "224 71.4% 4.1%"; readonly foreground: "210 20% 98%"; readonly card: "224 71.4% 4.1%"; readonly 'card-foreground': "210 20% 98%"; readonly popover: "224 71.4% 4.1%"; readonly 'popover-foreground': "210 20% 98%"; readonly primary: "263.4 70% 50.4%"; readonly 'primary-foreground': "210 20% 98%"; readonly secondary: "215 27.9% 16.9%"; readonly 'secondary-foreground': "210 20% 98%"; readonly muted: "215 27.9% 16.9%"; readonly 'muted-foreground': "217.9 10.6% 64.9%"; readonly accent: "215 27.9% 16.9%"; readonly 'accent-foreground': "210 20% 98%"; readonly destructive: "0 62.8% 30.6%"; readonly 'destructive-foreground': "210 20% 98%"; readonly border: "215 27.9% 16.9%"; readonly input: "215 27.9% 16.9%"; readonly ring: "263.4 70% 50.4%"; readonly 'chart-1': "220 70% 50%"; readonly 'chart-2': "160 60% 45%"; readonly 'chart-3': "30 80% 55%"; readonly 'chart-4': "280 65% 60%"; readonly 'chart-5': "340 75% 55%"; }; }; }]; type Theme = (typeof themes)[number]; type ShadcnThemeColor = Theme['name']; type ArrayOrSingle<T> = T | T[]; type ColorOptions = ShadcnThemeColor | ThemeCSSVarsVariant | ({ base: ShadcnThemeColor; } & DeepPartial<ThemeCSSVarsVariant>); interface ThemeOptions { /** * @default 'zinc' */ color?: ColorOptions | false; /** * @default 0.5 */ radius?: number | false; /** * @default '.dark' */ darkSelector?: string; } type PresetShadcnThemeOptions = ArrayOrSingle<ThemeOptions>; interface PresetShadcnControlOptions { /** * @param Generates global variables, like *.border-color, body.color, body.background. * @default true */ globals?: boolean; /** * @default 'radix' */ componentLibrary?: 'radix' | 'reka'; } declare const builtinColors: ("zinc" | "slate" | "stone" | "gray" | "neutral" | "red" | "rose" | "orange" | "green" | "blue" | "yellow" | "violet")[]; declare const builtinRadiuses: readonly [0, 0.3, 0.5, 0.75, 1]; declare function presetShadcn(themeOptions?: PresetShadcnThemeOptions, controlOptions?: PresetShadcnControlOptions): Preset<Theme$1>; export { builtinColors, builtinRadiuses, presetShadcn as default, presetShadcn };