@youwen/ai-design-system
Version:
Enterprise AI-driven design system with comprehensive design tokens
788 lines (787 loc) • 38.4 kB
TypeScript
/**
* 企业级主题Token系统 - 仿照shadcn架构
* 使用CSS变量 + background/foreground模式
*/
export declare const baseColors: {
readonly blue: {
readonly 50: "oklch(0.95 0.05 240)";
readonly 100: "oklch(0.90 0.10 240)";
readonly 200: "oklch(0.80 0.15 240)";
readonly 300: "oklch(0.70 0.20 240)";
readonly 400: "oklch(0.60 0.25 240)";
readonly 500: "oklch(0.50 0.30 240)";
readonly 600: "oklch(0.45 0.28 240)";
readonly 700: "oklch(0.40 0.25 240)";
readonly 800: "oklch(0.35 0.22 240)";
readonly 900: "oklch(0.30 0.18 240)";
readonly 950: "oklch(0.20 0.15 240)";
};
readonly green: {
readonly 50: "oklch(0.95 0.05 150)";
readonly 100: "oklch(0.90 0.10 150)";
readonly 200: "oklch(0.80 0.15 150)";
readonly 300: "oklch(0.70 0.20 150)";
readonly 400: "oklch(0.60 0.25 150)";
readonly 500: "oklch(0.50 0.30 150)";
readonly 600: "oklch(0.45 0.28 150)";
readonly 700: "oklch(0.40 0.25 150)";
readonly 800: "oklch(0.35 0.22 150)";
readonly 900: "oklch(0.30 0.18 150)";
readonly 950: "oklch(0.20 0.15 150)";
};
readonly purple: {
readonly 50: "oklch(0.95 0.05 280)";
readonly 100: "oklch(0.90 0.10 280)";
readonly 200: "oklch(0.80 0.15 280)";
readonly 300: "oklch(0.70 0.20 280)";
readonly 400: "oklch(0.60 0.25 280)";
readonly 500: "oklch(0.50 0.30 280)";
readonly 600: "oklch(0.45 0.28 280)";
readonly 700: "oklch(0.40 0.25 280)";
readonly 800: "oklch(0.35 0.22 280)";
readonly 900: "oklch(0.30 0.18 280)";
readonly 950: "oklch(0.20 0.15 280)";
};
readonly amber: {
readonly 50: "oklch(0.95 0.05 45)";
readonly 100: "oklch(0.90 0.10 45)";
readonly 200: "oklch(0.80 0.15 45)";
readonly 300: "oklch(0.70 0.20 45)";
readonly 400: "oklch(0.60 0.25 45)";
readonly 500: "oklch(0.50 0.30 45)";
readonly 600: "oklch(0.45 0.28 45)";
readonly 700: "oklch(0.40 0.25 45)";
readonly 800: "oklch(0.35 0.22 45)";
readonly 900: "oklch(0.30 0.18 45)";
readonly 950: "oklch(0.20 0.15 45)";
};
readonly neutral: {
readonly 50: "oklch(0.98 0 0)";
readonly 100: "oklch(0.96 0 0)";
readonly 200: "oklch(0.93 0 0)";
readonly 300: "oklch(0.88 0 0)";
readonly 400: "oklch(0.74 0 0)";
readonly 500: "oklch(0.58 0 0)";
readonly 600: "oklch(0.48 0 0)";
readonly 700: "oklch(0.40 0 0)";
readonly 800: "oklch(0.27 0 0)";
readonly 900: "oklch(0.15 0 0)";
readonly 950: "oklch(0.05 0 0)";
};
};
export declare const themeConfigs: {
readonly blue: {
readonly name: "Blue";
readonly light: {
readonly background: "oklch(0.98 0 0)";
readonly foreground: "oklch(0.05 0 0)";
readonly card: "oklch(0.98 0 0)";
readonly cardForeground: "oklch(0.05 0 0)";
readonly popover: "oklch(0.98 0 0)";
readonly popoverForeground: "oklch(0.05 0 0)";
readonly primary: "oklch(0.50 0.30 240)";
readonly primaryForeground: "oklch(0.98 0 0)";
readonly secondary: "oklch(0.96 0 0)";
readonly secondaryForeground: "oklch(0.15 0 0)";
readonly muted: "oklch(0.96 0 0)";
readonly mutedForeground: "oklch(0.58 0 0)";
readonly accent: "oklch(0.96 0 0)";
readonly accentForeground: "oklch(0.15 0 0)";
readonly destructive: "oklch(0.60 0.20 25)";
readonly destructiveForeground: "oklch(0.98 0 0)";
readonly border: "oklch(0.93 0 0)";
readonly input: "oklch(0.93 0 0)";
readonly ring: "oklch(0.50 0.30 240)";
readonly chart1: "oklch(0.50 0.30 240)";
readonly chart2: "oklch(0.45 0.28 240)";
readonly chart3: "oklch(0.60 0.25 240)";
readonly chart4: "oklch(0.40 0.25 240)";
readonly chart5: "oklch(0.70 0.20 240)";
readonly widgetBackground: "oklch(0.98 0 0)";
readonly widgetBorder: "oklch(0.93 0 0)";
readonly widgetText: "oklch(0.05 0 0)";
readonly widgetAccent: "oklch(0.50 0.30 240)";
};
readonly dark: {
readonly background: "oklch(0.05 0 0)";
readonly foreground: "oklch(0.98 0 0)";
readonly card: "oklch(0.05 0 0)";
readonly cardForeground: "oklch(0.98 0 0)";
readonly popover: "oklch(0.05 0 0)";
readonly popoverForeground: "oklch(0.98 0 0)";
readonly primary: "oklch(0.60 0.25 240)";
readonly primaryForeground: "oklch(0.05 0 0)";
readonly secondary: "oklch(0.27 0 0)";
readonly secondaryForeground: "oklch(0.98 0 0)";
readonly muted: "oklch(0.27 0 0)";
readonly mutedForeground: "oklch(0.74 0 0)";
readonly accent: "oklch(0.27 0 0)";
readonly accentForeground: "oklch(0.98 0 0)";
readonly destructive: "oklch(0.65 0.20 25)";
readonly destructiveForeground: "oklch(0.98 0 0)";
readonly border: "oklch(0.27 0 0)";
readonly input: "oklch(0.27 0 0)";
readonly ring: "oklch(0.60 0.25 240)";
readonly chart1: "oklch(0.60 0.25 240)";
readonly chart2: "oklch(0.50 0.30 240)";
readonly chart3: "oklch(0.70 0.20 240)";
readonly chart4: "oklch(0.45 0.28 240)";
readonly chart5: "oklch(0.80 0.15 240)";
readonly widgetBackground: "oklch(0.05 0 0)";
readonly widgetBorder: "oklch(0.27 0 0)";
readonly widgetText: "oklch(0.98 0 0)";
readonly widgetAccent: "oklch(0.60 0.25 240)";
};
};
readonly green: {
readonly name: "Green";
readonly light: {
readonly background: "oklch(0.98 0 0)";
readonly foreground: "oklch(0.05 0 0)";
readonly card: "oklch(0.98 0 0)";
readonly cardForeground: "oklch(0.05 0 0)";
readonly popover: "oklch(0.98 0 0)";
readonly popoverForeground: "oklch(0.05 0 0)";
readonly primary: "oklch(0.50 0.30 150)";
readonly primaryForeground: "oklch(0.98 0 0)";
readonly secondary: "oklch(0.96 0 0)";
readonly secondaryForeground: "oklch(0.15 0 0)";
readonly muted: "oklch(0.96 0 0)";
readonly mutedForeground: "oklch(0.58 0 0)";
readonly accent: "oklch(0.96 0 0)";
readonly accentForeground: "oklch(0.15 0 0)";
readonly destructive: "oklch(0.60 0.20 25)";
readonly destructiveForeground: "oklch(0.98 0 0)";
readonly border: "oklch(0.93 0 0)";
readonly input: "oklch(0.93 0 0)";
readonly ring: "oklch(0.50 0.30 150)";
readonly chart1: "oklch(0.50 0.30 150)";
readonly chart2: "oklch(0.45 0.28 150)";
readonly chart3: "oklch(0.60 0.25 150)";
readonly chart4: "oklch(0.40 0.25 150)";
readonly chart5: "oklch(0.70 0.20 150)";
readonly widgetBackground: "oklch(0.98 0 0)";
readonly widgetBorder: "oklch(0.93 0 0)";
readonly widgetText: "oklch(0.05 0 0)";
readonly widgetAccent: "oklch(0.50 0.30 150)";
};
readonly dark: {
readonly background: "oklch(0.05 0 0)";
readonly foreground: "oklch(0.98 0 0)";
readonly card: "oklch(0.05 0 0)";
readonly cardForeground: "oklch(0.98 0 0)";
readonly popover: "oklch(0.05 0 0)";
readonly popoverForeground: "oklch(0.98 0 0)";
readonly primary: "oklch(0.60 0.25 150)";
readonly primaryForeground: "oklch(0.05 0 0)";
readonly secondary: "oklch(0.27 0 0)";
readonly secondaryForeground: "oklch(0.98 0 0)";
readonly muted: "oklch(0.27 0 0)";
readonly mutedForeground: "oklch(0.74 0 0)";
readonly accent: "oklch(0.27 0 0)";
readonly accentForeground: "oklch(0.98 0 0)";
readonly destructive: "oklch(0.65 0.20 25)";
readonly destructiveForeground: "oklch(0.98 0 0)";
readonly border: "oklch(0.27 0 0)";
readonly input: "oklch(0.27 0 0)";
readonly ring: "oklch(0.60 0.25 150)";
readonly chart1: "oklch(0.60 0.25 150)";
readonly chart2: "oklch(0.50 0.30 150)";
readonly chart3: "oklch(0.70 0.20 150)";
readonly chart4: "oklch(0.45 0.28 150)";
readonly chart5: "oklch(0.80 0.15 150)";
readonly widgetBackground: "oklch(0.05 0 0)";
readonly widgetBorder: "oklch(0.27 0 0)";
readonly widgetText: "oklch(0.98 0 0)";
readonly widgetAccent: "oklch(0.60 0.25 150)";
};
};
readonly purple: {
readonly name: "Purple";
readonly light: {
readonly background: "oklch(0.98 0 0)";
readonly foreground: "oklch(0.05 0 0)";
readonly card: "oklch(0.98 0 0)";
readonly cardForeground: "oklch(0.05 0 0)";
readonly popover: "oklch(0.98 0 0)";
readonly popoverForeground: "oklch(0.05 0 0)";
readonly primary: "oklch(0.50 0.30 280)";
readonly primaryForeground: "oklch(0.98 0 0)";
readonly secondary: "oklch(0.96 0 0)";
readonly secondaryForeground: "oklch(0.15 0 0)";
readonly muted: "oklch(0.96 0 0)";
readonly mutedForeground: "oklch(0.58 0 0)";
readonly accent: "oklch(0.96 0 0)";
readonly accentForeground: "oklch(0.15 0 0)";
readonly destructive: "oklch(0.60 0.20 25)";
readonly destructiveForeground: "oklch(0.98 0 0)";
readonly border: "oklch(0.93 0 0)";
readonly input: "oklch(0.93 0 0)";
readonly ring: "oklch(0.50 0.30 280)";
readonly chart1: "oklch(0.50 0.30 280)";
readonly chart2: "oklch(0.45 0.28 280)";
readonly chart3: "oklch(0.60 0.25 280)";
readonly chart4: "oklch(0.40 0.25 280)";
readonly chart5: "oklch(0.70 0.20 280)";
readonly widgetBackground: "oklch(0.98 0 0)";
readonly widgetBorder: "oklch(0.93 0 0)";
readonly widgetText: "oklch(0.05 0 0)";
readonly widgetAccent: "oklch(0.50 0.30 280)";
};
readonly dark: {
readonly background: "oklch(0.05 0 0)";
readonly foreground: "oklch(0.98 0 0)";
readonly card: "oklch(0.05 0 0)";
readonly cardForeground: "oklch(0.98 0 0)";
readonly popover: "oklch(0.05 0 0)";
readonly popoverForeground: "oklch(0.98 0 0)";
readonly primary: "oklch(0.60 0.25 280)";
readonly primaryForeground: "oklch(0.05 0 0)";
readonly secondary: "oklch(0.27 0 0)";
readonly secondaryForeground: "oklch(0.98 0 0)";
readonly muted: "oklch(0.27 0 0)";
readonly mutedForeground: "oklch(0.74 0 0)";
readonly accent: "oklch(0.27 0 0)";
readonly accentForeground: "oklch(0.98 0 0)";
readonly destructive: "oklch(0.65 0.20 25)";
readonly destructiveForeground: "oklch(0.98 0 0)";
readonly border: "oklch(0.27 0 0)";
readonly input: "oklch(0.27 0 0)";
readonly ring: "oklch(0.60 0.25 280)";
readonly chart1: "oklch(0.60 0.25 280)";
readonly chart2: "oklch(0.50 0.30 280)";
readonly chart3: "oklch(0.70 0.20 280)";
readonly chart4: "oklch(0.45 0.28 280)";
readonly chart5: "oklch(0.80 0.15 280)";
readonly widgetBackground: "oklch(0.05 0 0)";
readonly widgetBorder: "oklch(0.27 0 0)";
readonly widgetText: "oklch(0.98 0 0)";
readonly widgetAccent: "oklch(0.60 0.25 280)";
};
};
readonly amber: {
readonly name: "Amber";
readonly light: {
readonly background: "oklch(0.98 0 0)";
readonly foreground: "oklch(0.05 0 0)";
readonly card: "oklch(0.98 0 0)";
readonly cardForeground: "oklch(0.05 0 0)";
readonly popover: "oklch(0.98 0 0)";
readonly popoverForeground: "oklch(0.05 0 0)";
readonly primary: "oklch(0.50 0.30 45)";
readonly primaryForeground: "oklch(0.98 0 0)";
readonly secondary: "oklch(0.96 0 0)";
readonly secondaryForeground: "oklch(0.15 0 0)";
readonly muted: "oklch(0.96 0 0)";
readonly mutedForeground: "oklch(0.58 0 0)";
readonly accent: "oklch(0.96 0 0)";
readonly accentForeground: "oklch(0.15 0 0)";
readonly destructive: "oklch(0.60 0.20 25)";
readonly destructiveForeground: "oklch(0.98 0 0)";
readonly border: "oklch(0.93 0 0)";
readonly input: "oklch(0.93 0 0)";
readonly ring: "oklch(0.50 0.30 45)";
readonly chart1: "oklch(0.50 0.30 45)";
readonly chart2: "oklch(0.45 0.28 45)";
readonly chart3: "oklch(0.60 0.25 45)";
readonly chart4: "oklch(0.40 0.25 45)";
readonly chart5: "oklch(0.70 0.20 45)";
readonly widgetBackground: "oklch(0.98 0 0)";
readonly widgetBorder: "oklch(0.93 0 0)";
readonly widgetText: "oklch(0.05 0 0)";
readonly widgetAccent: "oklch(0.50 0.30 45)";
};
readonly dark: {
readonly background: "oklch(0.05 0 0)";
readonly foreground: "oklch(0.98 0 0)";
readonly card: "oklch(0.05 0 0)";
readonly cardForeground: "oklch(0.98 0 0)";
readonly popover: "oklch(0.05 0 0)";
readonly popoverForeground: "oklch(0.98 0 0)";
readonly primary: "oklch(0.60 0.25 45)";
readonly primaryForeground: "oklch(0.05 0 0)";
readonly secondary: "oklch(0.27 0 0)";
readonly secondaryForeground: "oklch(0.98 0 0)";
readonly muted: "oklch(0.27 0 0)";
readonly mutedForeground: "oklch(0.74 0 0)";
readonly accent: "oklch(0.27 0 0)";
readonly accentForeground: "oklch(0.98 0 0)";
readonly destructive: "oklch(0.65 0.20 25)";
readonly destructiveForeground: "oklch(0.98 0 0)";
readonly border: "oklch(0.27 0 0)";
readonly input: "oklch(0.27 0 0)";
readonly ring: "oklch(0.60 0.25 45)";
readonly chart1: "oklch(0.60 0.25 45)";
readonly chart2: "oklch(0.50 0.30 45)";
readonly chart3: "oklch(0.70 0.20 45)";
readonly chart4: "oklch(0.45 0.28 45)";
readonly chart5: "oklch(0.80 0.15 45)";
readonly widgetBackground: "oklch(0.05 0 0)";
readonly widgetBorder: "oklch(0.27 0 0)";
readonly widgetText: "oklch(0.98 0 0)";
readonly widgetAccent: "oklch(0.60 0.25 45)";
};
};
};
export declare function generateCSSVariables(theme: keyof typeof themeConfigs, mode: 'light' | 'dark'): {
'--background': "oklch(0.98 0 0)" | "oklch(0.05 0 0)";
'--foreground': "oklch(0.98 0 0)" | "oklch(0.05 0 0)";
'--card': "oklch(0.98 0 0)" | "oklch(0.05 0 0)";
'--card-foreground': "oklch(0.98 0 0)" | "oklch(0.05 0 0)";
'--popover': "oklch(0.98 0 0)" | "oklch(0.05 0 0)";
'--popover-foreground': "oklch(0.98 0 0)" | "oklch(0.05 0 0)";
'--primary': "oklch(0.60 0.25 240)" | "oklch(0.50 0.30 240)" | "oklch(0.60 0.25 150)" | "oklch(0.50 0.30 150)" | "oklch(0.60 0.25 280)" | "oklch(0.50 0.30 280)" | "oklch(0.60 0.25 45)" | "oklch(0.50 0.30 45)";
'--primary-foreground': "oklch(0.98 0 0)" | "oklch(0.05 0 0)";
'--secondary': "oklch(0.96 0 0)" | "oklch(0.27 0 0)";
'--secondary-foreground': "oklch(0.98 0 0)" | "oklch(0.15 0 0)";
'--muted': "oklch(0.96 0 0)" | "oklch(0.27 0 0)";
'--muted-foreground': "oklch(0.74 0 0)" | "oklch(0.58 0 0)";
'--accent': "oklch(0.96 0 0)" | "oklch(0.27 0 0)";
'--accent-foreground': "oklch(0.98 0 0)" | "oklch(0.15 0 0)";
'--destructive': "oklch(0.60 0.20 25)" | "oklch(0.65 0.20 25)";
'--destructive-foreground': "oklch(0.98 0 0)";
'--border': "oklch(0.93 0 0)" | "oklch(0.27 0 0)";
'--input': "oklch(0.93 0 0)" | "oklch(0.27 0 0)";
'--ring': "oklch(0.60 0.25 240)" | "oklch(0.50 0.30 240)" | "oklch(0.60 0.25 150)" | "oklch(0.50 0.30 150)" | "oklch(0.60 0.25 280)" | "oklch(0.50 0.30 280)" | "oklch(0.60 0.25 45)" | "oklch(0.50 0.30 45)";
'--chart-1': "oklch(0.60 0.25 240)" | "oklch(0.50 0.30 240)" | "oklch(0.60 0.25 150)" | "oklch(0.50 0.30 150)" | "oklch(0.60 0.25 280)" | "oklch(0.50 0.30 280)" | "oklch(0.60 0.25 45)" | "oklch(0.50 0.30 45)";
'--chart-2': "oklch(0.50 0.30 240)" | "oklch(0.45 0.28 240)" | "oklch(0.50 0.30 150)" | "oklch(0.45 0.28 150)" | "oklch(0.50 0.30 280)" | "oklch(0.45 0.28 280)" | "oklch(0.50 0.30 45)" | "oklch(0.45 0.28 45)";
'--chart-3': "oklch(0.70 0.20 240)" | "oklch(0.60 0.25 240)" | "oklch(0.70 0.20 150)" | "oklch(0.60 0.25 150)" | "oklch(0.70 0.20 280)" | "oklch(0.60 0.25 280)" | "oklch(0.70 0.20 45)" | "oklch(0.60 0.25 45)";
'--chart-4': "oklch(0.45 0.28 240)" | "oklch(0.40 0.25 240)" | "oklch(0.45 0.28 150)" | "oklch(0.40 0.25 150)" | "oklch(0.45 0.28 280)" | "oklch(0.40 0.25 280)" | "oklch(0.45 0.28 45)" | "oklch(0.40 0.25 45)";
'--chart-5': "oklch(0.80 0.15 240)" | "oklch(0.70 0.20 240)" | "oklch(0.80 0.15 150)" | "oklch(0.70 0.20 150)" | "oklch(0.80 0.15 280)" | "oklch(0.70 0.20 280)" | "oklch(0.80 0.15 45)" | "oklch(0.70 0.20 45)";
'--widget-background': "oklch(0.98 0 0)" | "oklch(0.05 0 0)";
'--widget-border': "oklch(0.93 0 0)" | "oklch(0.27 0 0)";
'--widget-text': "oklch(0.98 0 0)" | "oklch(0.05 0 0)";
'--widget-accent': "oklch(0.60 0.25 240)" | "oklch(0.50 0.30 240)" | "oklch(0.60 0.25 150)" | "oklch(0.50 0.30 150)" | "oklch(0.60 0.25 280)" | "oklch(0.50 0.30 280)" | "oklch(0.60 0.25 45)" | "oklch(0.50 0.30 45)";
'--widget-font-big': string;
'--widget-font-medium': string;
'--widget-font-small': string;
'--widget-font-mini': string;
'--widget-line-height-big': string;
'--widget-line-height-medium': string;
'--widget-line-height-small': string;
'--widget-line-height-mini': string;
'--widget-container-width': string;
'--widget-container-height': string;
'--widget-slot-width': string;
'--widget-slot-height': string;
'--widget-container-padding': string;
'--widget-text-gap': string;
'--widget-edge-offset': string;
'--widget-slot-gap': string;
};
export declare class ThemeManager {
private currentTheme;
private currentMode;
constructor();
setTheme(theme: keyof typeof themeConfigs): void;
setMode(mode: 'light' | 'dark'): void;
toggleMode(): void;
private applyTheme;
getCurrentTheme(): "blue" | "green" | "purple" | "amber";
getCurrentMode(): "dark" | "light";
getAvailableThemes(): ("blue" | "green" | "purple" | "amber")[];
}
export declare function generateTailwindConfig(): {
darkMode: string[];
theme: {
extend: {
colors: {
background: string;
foreground: string;
card: {
DEFAULT: string;
foreground: string;
};
popover: {
DEFAULT: string;
foreground: string;
};
primary: {
DEFAULT: string;
foreground: string;
};
secondary: {
DEFAULT: string;
foreground: string;
};
muted: {
DEFAULT: string;
foreground: string;
};
accent: {
DEFAULT: string;
foreground: string;
};
destructive: {
DEFAULT: string;
foreground: string;
};
border: string;
input: string;
ring: string;
chart: {
1: string;
2: string;
3: string;
4: string;
5: string;
};
widget: {
background: string;
border: string;
text: string;
accent: string;
};
};
fontSize: {
'widget-big': string[];
'widget-medium': string[];
'widget-small': string[];
'widget-mini': string[];
};
width: {
'widget-container': string;
'widget-slot': string;
};
height: {
'widget-container': string;
'widget-slot': string;
};
spacing: {
'widget-padding': string;
'widget-gap': string;
'widget-offset': string;
'widget-slot-gap': string;
};
};
};
};
export type ThemeName = keyof typeof themeConfigs;
export type ThemeMode = 'light' | 'dark';
export type ThemeConfig = typeof themeConfigs[ThemeName][ThemeMode];
export declare const themeSystem: {
baseColors: {
readonly blue: {
readonly 50: "oklch(0.95 0.05 240)";
readonly 100: "oklch(0.90 0.10 240)";
readonly 200: "oklch(0.80 0.15 240)";
readonly 300: "oklch(0.70 0.20 240)";
readonly 400: "oklch(0.60 0.25 240)";
readonly 500: "oklch(0.50 0.30 240)";
readonly 600: "oklch(0.45 0.28 240)";
readonly 700: "oklch(0.40 0.25 240)";
readonly 800: "oklch(0.35 0.22 240)";
readonly 900: "oklch(0.30 0.18 240)";
readonly 950: "oklch(0.20 0.15 240)";
};
readonly green: {
readonly 50: "oklch(0.95 0.05 150)";
readonly 100: "oklch(0.90 0.10 150)";
readonly 200: "oklch(0.80 0.15 150)";
readonly 300: "oklch(0.70 0.20 150)";
readonly 400: "oklch(0.60 0.25 150)";
readonly 500: "oklch(0.50 0.30 150)";
readonly 600: "oklch(0.45 0.28 150)";
readonly 700: "oklch(0.40 0.25 150)";
readonly 800: "oklch(0.35 0.22 150)";
readonly 900: "oklch(0.30 0.18 150)";
readonly 950: "oklch(0.20 0.15 150)";
};
readonly purple: {
readonly 50: "oklch(0.95 0.05 280)";
readonly 100: "oklch(0.90 0.10 280)";
readonly 200: "oklch(0.80 0.15 280)";
readonly 300: "oklch(0.70 0.20 280)";
readonly 400: "oklch(0.60 0.25 280)";
readonly 500: "oklch(0.50 0.30 280)";
readonly 600: "oklch(0.45 0.28 280)";
readonly 700: "oklch(0.40 0.25 280)";
readonly 800: "oklch(0.35 0.22 280)";
readonly 900: "oklch(0.30 0.18 280)";
readonly 950: "oklch(0.20 0.15 280)";
};
readonly amber: {
readonly 50: "oklch(0.95 0.05 45)";
readonly 100: "oklch(0.90 0.10 45)";
readonly 200: "oklch(0.80 0.15 45)";
readonly 300: "oklch(0.70 0.20 45)";
readonly 400: "oklch(0.60 0.25 45)";
readonly 500: "oklch(0.50 0.30 45)";
readonly 600: "oklch(0.45 0.28 45)";
readonly 700: "oklch(0.40 0.25 45)";
readonly 800: "oklch(0.35 0.22 45)";
readonly 900: "oklch(0.30 0.18 45)";
readonly 950: "oklch(0.20 0.15 45)";
};
readonly neutral: {
readonly 50: "oklch(0.98 0 0)";
readonly 100: "oklch(0.96 0 0)";
readonly 200: "oklch(0.93 0 0)";
readonly 300: "oklch(0.88 0 0)";
readonly 400: "oklch(0.74 0 0)";
readonly 500: "oklch(0.58 0 0)";
readonly 600: "oklch(0.48 0 0)";
readonly 700: "oklch(0.40 0 0)";
readonly 800: "oklch(0.27 0 0)";
readonly 900: "oklch(0.15 0 0)";
readonly 950: "oklch(0.05 0 0)";
};
};
themeConfigs: {
readonly blue: {
readonly name: "Blue";
readonly light: {
readonly background: "oklch(0.98 0 0)";
readonly foreground: "oklch(0.05 0 0)";
readonly card: "oklch(0.98 0 0)";
readonly cardForeground: "oklch(0.05 0 0)";
readonly popover: "oklch(0.98 0 0)";
readonly popoverForeground: "oklch(0.05 0 0)";
readonly primary: "oklch(0.50 0.30 240)";
readonly primaryForeground: "oklch(0.98 0 0)";
readonly secondary: "oklch(0.96 0 0)";
readonly secondaryForeground: "oklch(0.15 0 0)";
readonly muted: "oklch(0.96 0 0)";
readonly mutedForeground: "oklch(0.58 0 0)";
readonly accent: "oklch(0.96 0 0)";
readonly accentForeground: "oklch(0.15 0 0)";
readonly destructive: "oklch(0.60 0.20 25)";
readonly destructiveForeground: "oklch(0.98 0 0)";
readonly border: "oklch(0.93 0 0)";
readonly input: "oklch(0.93 0 0)";
readonly ring: "oklch(0.50 0.30 240)";
readonly chart1: "oklch(0.50 0.30 240)";
readonly chart2: "oklch(0.45 0.28 240)";
readonly chart3: "oklch(0.60 0.25 240)";
readonly chart4: "oklch(0.40 0.25 240)";
readonly chart5: "oklch(0.70 0.20 240)";
readonly widgetBackground: "oklch(0.98 0 0)";
readonly widgetBorder: "oklch(0.93 0 0)";
readonly widgetText: "oklch(0.05 0 0)";
readonly widgetAccent: "oklch(0.50 0.30 240)";
};
readonly dark: {
readonly background: "oklch(0.05 0 0)";
readonly foreground: "oklch(0.98 0 0)";
readonly card: "oklch(0.05 0 0)";
readonly cardForeground: "oklch(0.98 0 0)";
readonly popover: "oklch(0.05 0 0)";
readonly popoverForeground: "oklch(0.98 0 0)";
readonly primary: "oklch(0.60 0.25 240)";
readonly primaryForeground: "oklch(0.05 0 0)";
readonly secondary: "oklch(0.27 0 0)";
readonly secondaryForeground: "oklch(0.98 0 0)";
readonly muted: "oklch(0.27 0 0)";
readonly mutedForeground: "oklch(0.74 0 0)";
readonly accent: "oklch(0.27 0 0)";
readonly accentForeground: "oklch(0.98 0 0)";
readonly destructive: "oklch(0.65 0.20 25)";
readonly destructiveForeground: "oklch(0.98 0 0)";
readonly border: "oklch(0.27 0 0)";
readonly input: "oklch(0.27 0 0)";
readonly ring: "oklch(0.60 0.25 240)";
readonly chart1: "oklch(0.60 0.25 240)";
readonly chart2: "oklch(0.50 0.30 240)";
readonly chart3: "oklch(0.70 0.20 240)";
readonly chart4: "oklch(0.45 0.28 240)";
readonly chart5: "oklch(0.80 0.15 240)";
readonly widgetBackground: "oklch(0.05 0 0)";
readonly widgetBorder: "oklch(0.27 0 0)";
readonly widgetText: "oklch(0.98 0 0)";
readonly widgetAccent: "oklch(0.60 0.25 240)";
};
};
readonly green: {
readonly name: "Green";
readonly light: {
readonly background: "oklch(0.98 0 0)";
readonly foreground: "oklch(0.05 0 0)";
readonly card: "oklch(0.98 0 0)";
readonly cardForeground: "oklch(0.05 0 0)";
readonly popover: "oklch(0.98 0 0)";
readonly popoverForeground: "oklch(0.05 0 0)";
readonly primary: "oklch(0.50 0.30 150)";
readonly primaryForeground: "oklch(0.98 0 0)";
readonly secondary: "oklch(0.96 0 0)";
readonly secondaryForeground: "oklch(0.15 0 0)";
readonly muted: "oklch(0.96 0 0)";
readonly mutedForeground: "oklch(0.58 0 0)";
readonly accent: "oklch(0.96 0 0)";
readonly accentForeground: "oklch(0.15 0 0)";
readonly destructive: "oklch(0.60 0.20 25)";
readonly destructiveForeground: "oklch(0.98 0 0)";
readonly border: "oklch(0.93 0 0)";
readonly input: "oklch(0.93 0 0)";
readonly ring: "oklch(0.50 0.30 150)";
readonly chart1: "oklch(0.50 0.30 150)";
readonly chart2: "oklch(0.45 0.28 150)";
readonly chart3: "oklch(0.60 0.25 150)";
readonly chart4: "oklch(0.40 0.25 150)";
readonly chart5: "oklch(0.70 0.20 150)";
readonly widgetBackground: "oklch(0.98 0 0)";
readonly widgetBorder: "oklch(0.93 0 0)";
readonly widgetText: "oklch(0.05 0 0)";
readonly widgetAccent: "oklch(0.50 0.30 150)";
};
readonly dark: {
readonly background: "oklch(0.05 0 0)";
readonly foreground: "oklch(0.98 0 0)";
readonly card: "oklch(0.05 0 0)";
readonly cardForeground: "oklch(0.98 0 0)";
readonly popover: "oklch(0.05 0 0)";
readonly popoverForeground: "oklch(0.98 0 0)";
readonly primary: "oklch(0.60 0.25 150)";
readonly primaryForeground: "oklch(0.05 0 0)";
readonly secondary: "oklch(0.27 0 0)";
readonly secondaryForeground: "oklch(0.98 0 0)";
readonly muted: "oklch(0.27 0 0)";
readonly mutedForeground: "oklch(0.74 0 0)";
readonly accent: "oklch(0.27 0 0)";
readonly accentForeground: "oklch(0.98 0 0)";
readonly destructive: "oklch(0.65 0.20 25)";
readonly destructiveForeground: "oklch(0.98 0 0)";
readonly border: "oklch(0.27 0 0)";
readonly input: "oklch(0.27 0 0)";
readonly ring: "oklch(0.60 0.25 150)";
readonly chart1: "oklch(0.60 0.25 150)";
readonly chart2: "oklch(0.50 0.30 150)";
readonly chart3: "oklch(0.70 0.20 150)";
readonly chart4: "oklch(0.45 0.28 150)";
readonly chart5: "oklch(0.80 0.15 150)";
readonly widgetBackground: "oklch(0.05 0 0)";
readonly widgetBorder: "oklch(0.27 0 0)";
readonly widgetText: "oklch(0.98 0 0)";
readonly widgetAccent: "oklch(0.60 0.25 150)";
};
};
readonly purple: {
readonly name: "Purple";
readonly light: {
readonly background: "oklch(0.98 0 0)";
readonly foreground: "oklch(0.05 0 0)";
readonly card: "oklch(0.98 0 0)";
readonly cardForeground: "oklch(0.05 0 0)";
readonly popover: "oklch(0.98 0 0)";
readonly popoverForeground: "oklch(0.05 0 0)";
readonly primary: "oklch(0.50 0.30 280)";
readonly primaryForeground: "oklch(0.98 0 0)";
readonly secondary: "oklch(0.96 0 0)";
readonly secondaryForeground: "oklch(0.15 0 0)";
readonly muted: "oklch(0.96 0 0)";
readonly mutedForeground: "oklch(0.58 0 0)";
readonly accent: "oklch(0.96 0 0)";
readonly accentForeground: "oklch(0.15 0 0)";
readonly destructive: "oklch(0.60 0.20 25)";
readonly destructiveForeground: "oklch(0.98 0 0)";
readonly border: "oklch(0.93 0 0)";
readonly input: "oklch(0.93 0 0)";
readonly ring: "oklch(0.50 0.30 280)";
readonly chart1: "oklch(0.50 0.30 280)";
readonly chart2: "oklch(0.45 0.28 280)";
readonly chart3: "oklch(0.60 0.25 280)";
readonly chart4: "oklch(0.40 0.25 280)";
readonly chart5: "oklch(0.70 0.20 280)";
readonly widgetBackground: "oklch(0.98 0 0)";
readonly widgetBorder: "oklch(0.93 0 0)";
readonly widgetText: "oklch(0.05 0 0)";
readonly widgetAccent: "oklch(0.50 0.30 280)";
};
readonly dark: {
readonly background: "oklch(0.05 0 0)";
readonly foreground: "oklch(0.98 0 0)";
readonly card: "oklch(0.05 0 0)";
readonly cardForeground: "oklch(0.98 0 0)";
readonly popover: "oklch(0.05 0 0)";
readonly popoverForeground: "oklch(0.98 0 0)";
readonly primary: "oklch(0.60 0.25 280)";
readonly primaryForeground: "oklch(0.05 0 0)";
readonly secondary: "oklch(0.27 0 0)";
readonly secondaryForeground: "oklch(0.98 0 0)";
readonly muted: "oklch(0.27 0 0)";
readonly mutedForeground: "oklch(0.74 0 0)";
readonly accent: "oklch(0.27 0 0)";
readonly accentForeground: "oklch(0.98 0 0)";
readonly destructive: "oklch(0.65 0.20 25)";
readonly destructiveForeground: "oklch(0.98 0 0)";
readonly border: "oklch(0.27 0 0)";
readonly input: "oklch(0.27 0 0)";
readonly ring: "oklch(0.60 0.25 280)";
readonly chart1: "oklch(0.60 0.25 280)";
readonly chart2: "oklch(0.50 0.30 280)";
readonly chart3: "oklch(0.70 0.20 280)";
readonly chart4: "oklch(0.45 0.28 280)";
readonly chart5: "oklch(0.80 0.15 280)";
readonly widgetBackground: "oklch(0.05 0 0)";
readonly widgetBorder: "oklch(0.27 0 0)";
readonly widgetText: "oklch(0.98 0 0)";
readonly widgetAccent: "oklch(0.60 0.25 280)";
};
};
readonly amber: {
readonly name: "Amber";
readonly light: {
readonly background: "oklch(0.98 0 0)";
readonly foreground: "oklch(0.05 0 0)";
readonly card: "oklch(0.98 0 0)";
readonly cardForeground: "oklch(0.05 0 0)";
readonly popover: "oklch(0.98 0 0)";
readonly popoverForeground: "oklch(0.05 0 0)";
readonly primary: "oklch(0.50 0.30 45)";
readonly primaryForeground: "oklch(0.98 0 0)";
readonly secondary: "oklch(0.96 0 0)";
readonly secondaryForeground: "oklch(0.15 0 0)";
readonly muted: "oklch(0.96 0 0)";
readonly mutedForeground: "oklch(0.58 0 0)";
readonly accent: "oklch(0.96 0 0)";
readonly accentForeground: "oklch(0.15 0 0)";
readonly destructive: "oklch(0.60 0.20 25)";
readonly destructiveForeground: "oklch(0.98 0 0)";
readonly border: "oklch(0.93 0 0)";
readonly input: "oklch(0.93 0 0)";
readonly ring: "oklch(0.50 0.30 45)";
readonly chart1: "oklch(0.50 0.30 45)";
readonly chart2: "oklch(0.45 0.28 45)";
readonly chart3: "oklch(0.60 0.25 45)";
readonly chart4: "oklch(0.40 0.25 45)";
readonly chart5: "oklch(0.70 0.20 45)";
readonly widgetBackground: "oklch(0.98 0 0)";
readonly widgetBorder: "oklch(0.93 0 0)";
readonly widgetText: "oklch(0.05 0 0)";
readonly widgetAccent: "oklch(0.50 0.30 45)";
};
readonly dark: {
readonly background: "oklch(0.05 0 0)";
readonly foreground: "oklch(0.98 0 0)";
readonly card: "oklch(0.05 0 0)";
readonly cardForeground: "oklch(0.98 0 0)";
readonly popover: "oklch(0.05 0 0)";
readonly popoverForeground: "oklch(0.98 0 0)";
readonly primary: "oklch(0.60 0.25 45)";
readonly primaryForeground: "oklch(0.05 0 0)";
readonly secondary: "oklch(0.27 0 0)";
readonly secondaryForeground: "oklch(0.98 0 0)";
readonly muted: "oklch(0.27 0 0)";
readonly mutedForeground: "oklch(0.74 0 0)";
readonly accent: "oklch(0.27 0 0)";
readonly accentForeground: "oklch(0.98 0 0)";
readonly destructive: "oklch(0.65 0.20 25)";
readonly destructiveForeground: "oklch(0.98 0 0)";
readonly border: "oklch(0.27 0 0)";
readonly input: "oklch(0.27 0 0)";
readonly ring: "oklch(0.60 0.25 45)";
readonly chart1: "oklch(0.60 0.25 45)";
readonly chart2: "oklch(0.50 0.30 45)";
readonly chart3: "oklch(0.70 0.20 45)";
readonly chart4: "oklch(0.45 0.28 45)";
readonly chart5: "oklch(0.80 0.15 45)";
readonly widgetBackground: "oklch(0.05 0 0)";
readonly widgetBorder: "oklch(0.27 0 0)";
readonly widgetText: "oklch(0.98 0 0)";
readonly widgetAccent: "oklch(0.60 0.25 45)";
};
};
};
generateCSSVariables: typeof generateCSSVariables;
generateTailwindConfig: typeof generateTailwindConfig;
ThemeManager: typeof ThemeManager;
};