mirror of
https://github.com/jnsahaj/tweakcn.git
synced 2026-09-21 12:50:29 +08:00
2284 lines
71 KiB
TypeScript
2284 lines
71 KiB
TypeScript
import { defaultThemeState } from "../config/theme";
|
|
import { ThemePreset, ThemeStyles } from "../types/theme";
|
|
|
|
export function getPresetThemeStyles(name: string): ThemeStyles {
|
|
const defaultTheme = defaultThemeState.styles;
|
|
if (name === "default") {
|
|
return defaultTheme;
|
|
}
|
|
|
|
const preset = presets[name];
|
|
if (!preset) {
|
|
return defaultTheme;
|
|
}
|
|
|
|
return {
|
|
light: {
|
|
...defaultTheme.light,
|
|
...(preset.styles.light || {}),
|
|
},
|
|
dark: {
|
|
...defaultTheme.dark,
|
|
...(preset.styles.light || {}),
|
|
...(preset.styles.dark || {}),
|
|
},
|
|
};
|
|
}
|
|
|
|
export const presets: Record<string, ThemePreset> = {
|
|
"modern-minimal": {
|
|
label: "Modern Minimal",
|
|
styles: {
|
|
light: {
|
|
background: "#ffffff",
|
|
foreground: "#333333",
|
|
card: "#ffffff",
|
|
"card-foreground": "#333333",
|
|
popover: "#ffffff",
|
|
"popover-foreground": "#333333",
|
|
primary: "#3b82f6",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#f3f4f6",
|
|
"secondary-foreground": "#4b5563",
|
|
muted: "#f9fafb",
|
|
"muted-foreground": "#6b7280",
|
|
accent: "#e0f2fe",
|
|
"accent-foreground": "#1e3a8a",
|
|
destructive: "#ef4444",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#e5e7eb",
|
|
input: "#e5e7eb",
|
|
ring: "#3b82f6",
|
|
"chart-1": "#3b82f6",
|
|
"chart-2": "#2563eb",
|
|
"chart-3": "#1d4ed8",
|
|
"chart-4": "#1e40af",
|
|
"chart-5": "#1e3a8a",
|
|
radius: "0.375rem",
|
|
sidebar: "#f9fafb",
|
|
"sidebar-foreground": "#333333",
|
|
"sidebar-primary": "#3b82f6",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#e0f2fe",
|
|
"sidebar-accent-foreground": "#1e3a8a",
|
|
"sidebar-border": "#e5e7eb",
|
|
"sidebar-ring": "#3b82f6",
|
|
"font-sans": "Inter, sans-serif",
|
|
"font-serif": "Source Serif 4, serif",
|
|
"font-mono": "JetBrains Mono, monospace",
|
|
},
|
|
dark: {
|
|
background: "#171717",
|
|
foreground: "#e5e5e5",
|
|
card: "#262626",
|
|
"card-foreground": "#e5e5e5",
|
|
popover: "#262626",
|
|
"popover-foreground": "#e5e5e5",
|
|
primary: "#3b82f6",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#262626",
|
|
"secondary-foreground": "#e5e5e5",
|
|
muted: "#262626",
|
|
"muted-foreground": "#a3a3a3",
|
|
accent: "#1e3a8a",
|
|
"accent-foreground": "#bfdbfe",
|
|
destructive: "#ef4444",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#404040",
|
|
input: "#404040",
|
|
ring: "#3b82f6",
|
|
"chart-1": "#60a5fa",
|
|
"chart-2": "#3b82f6",
|
|
"chart-3": "#2563eb",
|
|
"chart-4": "#1d4ed8",
|
|
"chart-5": "#1e40af",
|
|
radius: "0.375rem",
|
|
sidebar: "#171717",
|
|
"sidebar-foreground": "#e5e5e5",
|
|
"sidebar-primary": "#3b82f6",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#1e3a8a",
|
|
"sidebar-accent-foreground": "#bfdbfe",
|
|
"sidebar-border": "#404040",
|
|
"sidebar-ring": "#3b82f6",
|
|
},
|
|
},
|
|
},
|
|
|
|
graphite: {
|
|
label: "Graphite",
|
|
styles: {
|
|
light: {
|
|
background: "#f0f0f0",
|
|
foreground: "#333333",
|
|
card: "#f5f5f5",
|
|
"card-foreground": "#333333",
|
|
popover: "#f5f5f5",
|
|
"popover-foreground": "#333333",
|
|
primary: "#606060",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#e0e0e0",
|
|
"secondary-foreground": "#333333",
|
|
muted: "#d9d9d9",
|
|
"muted-foreground": "#666666",
|
|
accent: "#c0c0c0",
|
|
"accent-foreground": "#333333",
|
|
destructive: "#cc3333",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#d0d0d0",
|
|
input: "#e0e0e0",
|
|
ring: "#606060",
|
|
"chart-1": "#606060",
|
|
"chart-2": "#476666",
|
|
"chart-3": "#909090",
|
|
"chart-4": "#a8a8a8",
|
|
"chart-5": "#c0c0c0",
|
|
sidebar: "#eaeaea",
|
|
"sidebar-foreground": "#333333",
|
|
"sidebar-primary": "#606060",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#c0c0c0",
|
|
"sidebar-accent-foreground": "#333333",
|
|
"sidebar-border": "#d0d0d0",
|
|
"sidebar-ring": "#606060",
|
|
"font-sans": "Montserrat, sans-serif",
|
|
"font-serif": "Georgia, serif",
|
|
"font-mono": "Fira Code, monospace",
|
|
radius: "0.35rem",
|
|
"shadow-color": "hsl(0 0% 20% / 0.1)",
|
|
"shadow-opacity": "0.15",
|
|
"shadow-blur": "0px",
|
|
"shadow-spread": "0px",
|
|
"shadow-offset-x": "0px",
|
|
"shadow-offset-y": "2px",
|
|
},
|
|
dark: {
|
|
background: "#1a1a1a",
|
|
foreground: "#d9d9d9",
|
|
card: "#202020",
|
|
"card-foreground": "#d9d9d9",
|
|
popover: "#202020",
|
|
"popover-foreground": "#d9d9d9",
|
|
primary: "#a0a0a0",
|
|
"primary-foreground": "#1a1a1a",
|
|
secondary: "#303030",
|
|
"secondary-foreground": "#d9d9d9",
|
|
muted: "#2a2a2a",
|
|
"muted-foreground": "#808080",
|
|
accent: "#404040",
|
|
"accent-foreground": "#d9d9d9",
|
|
destructive: "#e06666",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#353535",
|
|
input: "#303030",
|
|
ring: "#a0a0a0",
|
|
"chart-1": "#a0a0a0",
|
|
"chart-2": "#7e9ca0",
|
|
"chart-3": "#707070",
|
|
"chart-4": "#585858",
|
|
"chart-5": "#404040",
|
|
sidebar: "#1f1f1f",
|
|
"sidebar-foreground": "#d9d9d9",
|
|
"sidebar-primary": "#a0a0a0",
|
|
"sidebar-primary-foreground": "#1a1a1a",
|
|
"sidebar-accent": "#404040",
|
|
"sidebar-accent-foreground": "#d9d9d9",
|
|
"sidebar-border": "#353535",
|
|
"sidebar-ring": "#a0a0a0",
|
|
"font-sans": "Inter, sans-serif",
|
|
"font-serif": "Georgia, serif",
|
|
"font-mono": "Fira Code, monospace",
|
|
},
|
|
},
|
|
},
|
|
|
|
perpetuity: {
|
|
label: "Perpetuity",
|
|
createdAt: "2025-04-01",
|
|
styles: {
|
|
light: {
|
|
background: "#e8f0f0",
|
|
foreground: "#0a4a55",
|
|
card: "#f2f7f7",
|
|
"card-foreground": "#0a4a55",
|
|
popover: "#f2f7f7",
|
|
"popover-foreground": "#0a4a55",
|
|
primary: "#06858e",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#d9eaea",
|
|
"secondary-foreground": "#0a4a55",
|
|
muted: "#e0eaea",
|
|
"muted-foreground": "#427a7e",
|
|
accent: "#c9e5e7",
|
|
"accent-foreground": "#0a4a55",
|
|
destructive: "#d13838",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#cde0e2",
|
|
input: "#d9eaea",
|
|
ring: "#06858e",
|
|
"chart-1": "#06858e",
|
|
"chart-2": "#1e9ea6",
|
|
"chart-3": "#37b6be",
|
|
"chart-4": "#5dc7ce",
|
|
"chart-5": "#8ad8dd",
|
|
sidebar: "#daebed",
|
|
"sidebar-foreground": "#0a4a55",
|
|
"sidebar-primary": "#06858e",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#c9e5e7",
|
|
"sidebar-accent-foreground": "#0a4a55",
|
|
"sidebar-border": "#cde0e2",
|
|
"sidebar-ring": "#06858e",
|
|
"font-sans": "Courier New, monospace",
|
|
"font-serif": "Courier New, monospace",
|
|
"font-mono": "Courier New, monospace",
|
|
radius: "0.125rem",
|
|
"shadow-color": "hsl(185 70% 30% / 0.15)",
|
|
"shadow-opacity": "0.15",
|
|
"shadow-blur": "2px",
|
|
"shadow-spread": "0px",
|
|
"shadow-offset-x": "1px",
|
|
"shadow-offset-y": "1px",
|
|
},
|
|
dark: {
|
|
background: "#0a1a20",
|
|
foreground: "#4de8e8",
|
|
card: "#0c2025",
|
|
"card-foreground": "#4de8e8",
|
|
popover: "#0c2025",
|
|
"popover-foreground": "#4de8e8",
|
|
primary: "#4de8e8",
|
|
"primary-foreground": "#0a1a20",
|
|
secondary: "#164955",
|
|
"secondary-foreground": "#4de8e8",
|
|
muted: "#0f3039",
|
|
"muted-foreground": "#36a5a5",
|
|
accent: "#164955",
|
|
"accent-foreground": "#4de8e8",
|
|
destructive: "#e83c3c",
|
|
"destructive-foreground": "#f2f2f2",
|
|
border: "#164955",
|
|
input: "#164955",
|
|
ring: "#4de8e8",
|
|
"chart-1": "#4de8e8",
|
|
"chart-2": "#36a5a5",
|
|
"chart-3": "#2d8a8a",
|
|
"chart-4": "#19595e",
|
|
"chart-5": "#0e383c",
|
|
sidebar: "#0a1a20",
|
|
"sidebar-foreground": "#4de8e8",
|
|
"sidebar-primary": "#4de8e8",
|
|
"sidebar-primary-foreground": "#0a1a20",
|
|
"sidebar-accent": "#164955",
|
|
"sidebar-accent-foreground": "#4de8e8",
|
|
"sidebar-border": "#164955",
|
|
"sidebar-ring": "#4de8e8",
|
|
"font-sans": "Source Code Pro, monospace",
|
|
"font-serif": "Source Code Pro, monospace",
|
|
"font-mono": "Source Code Pro, monospace",
|
|
radius: "0.125rem",
|
|
"shadow-color": "hsl(180 70% 60% / 0.2)",
|
|
"shadow-opacity": "0.2",
|
|
"shadow-blur": "2px",
|
|
"shadow-spread": "0px",
|
|
"shadow-offset-x": "1px",
|
|
"shadow-offset-y": "1px",
|
|
},
|
|
},
|
|
},
|
|
"kodama-grove": {
|
|
label: "Kodama Grove",
|
|
styles: {
|
|
light: {
|
|
background: "#e4d7b0",
|
|
foreground: "#5c4b3e",
|
|
card: "#e7dbbf",
|
|
"card-foreground": "#5c4b3e",
|
|
popover: "#f3ead2",
|
|
"popover-foreground": "#5c4b3e",
|
|
primary: "#8d9d4f",
|
|
"primary-foreground": "#fdfbf6",
|
|
secondary: "#decea0",
|
|
"secondary-foreground": "#5c4b3e",
|
|
muted: "#decea0",
|
|
"muted-foreground": "#85766a",
|
|
accent: "#dbc894",
|
|
"accent-foreground": "#5c4b3e",
|
|
destructive: "#d98b7e",
|
|
"destructive-foreground": "#faf8f2",
|
|
border: "#b19681",
|
|
input: "#dbc894",
|
|
ring: "#9db18c",
|
|
"chart-1": "#9db18c",
|
|
"chart-2": "#8a9f7b",
|
|
"chart-3": "#bac9b4",
|
|
"chart-4": "#71856a",
|
|
"chart-5": "#5e6e58",
|
|
sidebar: "#e2d1a2",
|
|
"sidebar-foreground": "#5c4b3e",
|
|
"sidebar-primary": "#9db18c",
|
|
"sidebar-primary-foreground": "#fdfbf6",
|
|
"sidebar-accent": "#eae5d9",
|
|
"sidebar-accent-foreground": "#5c4b3e",
|
|
"sidebar-border": "#e5e0d4",
|
|
"sidebar-ring": "#9db18c",
|
|
"font-sans": "Merriweather, serif",
|
|
"font-serif": "Source Serif 4, serif",
|
|
"font-mono": "JetBrains Mono, monospace",
|
|
radius: "0.425rem",
|
|
"shadow-color": "hsl(88 22% 35% / 0.15)",
|
|
"shadow-opacity": "0.15",
|
|
"shadow-blur": "2px",
|
|
"shadow-spread": "0px",
|
|
"shadow-offset-x": "3px",
|
|
"shadow-offset-y": "3px",
|
|
},
|
|
dark: {
|
|
background: "#3a3529",
|
|
foreground: "#ede4d4",
|
|
card: "#413c33",
|
|
"card-foreground": "#ede4d4",
|
|
popover: "#413c33",
|
|
"popover-foreground": "#ede4d4",
|
|
primary: "#8a9f7b",
|
|
"primary-foreground": "#2a2521",
|
|
secondary: "#5a5345",
|
|
"secondary-foreground": "#ede4d4",
|
|
muted: "#4a4439",
|
|
"muted-foreground": "#a8a096",
|
|
accent: "#a18f5c",
|
|
"accent-foreground": "#2a2521",
|
|
destructive: "#b5766a",
|
|
"destructive-foreground": "#f0e9db",
|
|
border: "#5a5345",
|
|
input: "#5a5345",
|
|
ring: "#8a9f7b",
|
|
"chart-1": "#8a9f7b",
|
|
"chart-2": "#9db18c",
|
|
"chart-3": "#71856a",
|
|
"chart-4": "#a18f5c",
|
|
"chart-5": "#5e6e58",
|
|
sidebar: "#3a3529",
|
|
"sidebar-foreground": "#ede4d4",
|
|
"sidebar-primary": "#8a9f7b",
|
|
"sidebar-primary-foreground": "#2a2521",
|
|
"sidebar-accent": "#a18f5c",
|
|
"sidebar-accent-foreground": "#2a2521",
|
|
"sidebar-border": "#5a5345",
|
|
"sidebar-ring": "#8a9f7b",
|
|
},
|
|
},
|
|
},
|
|
|
|
"cosmic-night": {
|
|
label: "Cosmic Night",
|
|
createdAt: "2025-04-04",
|
|
styles: {
|
|
light: {
|
|
background: "#f5f5ff",
|
|
foreground: "#2a2a4a",
|
|
card: "#ffffff",
|
|
"card-foreground": "#2a2a4a",
|
|
popover: "#ffffff",
|
|
"popover-foreground": "#2a2a4a",
|
|
primary: "#6e56cf",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#e4dfff",
|
|
"secondary-foreground": "#4a4080",
|
|
muted: "#f0f0fa",
|
|
"muted-foreground": "#6c6c8a",
|
|
accent: "#d8e6ff",
|
|
"accent-foreground": "#2a2a4a",
|
|
destructive: "#ff5470",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#e0e0f0",
|
|
input: "#e0e0f0",
|
|
ring: "#6e56cf",
|
|
"chart-1": "#6e56cf",
|
|
"chart-2": "#9e8cfc",
|
|
"chart-3": "#5d5fef",
|
|
"chart-4": "#7c75fa",
|
|
"chart-5": "#4740b3",
|
|
radius: "0.5rem",
|
|
sidebar: "#f0f0fa",
|
|
"sidebar-foreground": "#2a2a4a",
|
|
"sidebar-primary": "#6e56cf",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#d8e6ff",
|
|
"sidebar-accent-foreground": "#2a2a4a",
|
|
"sidebar-border": "#e0e0f0",
|
|
"sidebar-ring": "#6e56cf",
|
|
"font-sans": "Inter, sans-serif",
|
|
"font-serif": "Georgia, serif",
|
|
"font-mono": "JetBrains Mono, monospace",
|
|
"shadow-color": "hsl(240 30% 25%)",
|
|
"shadow-opacity": "0.12",
|
|
"shadow-blur": "10px",
|
|
"shadow-spread": "0px",
|
|
"shadow-offset-x": "0px",
|
|
"shadow-offset-y": "4px",
|
|
},
|
|
dark: {
|
|
background: "#0f0f1a",
|
|
foreground: "#e2e2f5",
|
|
card: "#1a1a2e",
|
|
"card-foreground": "#e2e2f5",
|
|
popover: "#1a1a2e",
|
|
"popover-foreground": "#e2e2f5",
|
|
primary: "#a48fff",
|
|
"primary-foreground": "#0f0f1a",
|
|
secondary: "#2d2b55",
|
|
"secondary-foreground": "#c4c2ff",
|
|
muted: "#222244",
|
|
"muted-foreground": "#a0a0c0",
|
|
accent: "#303060",
|
|
"accent-foreground": "#e2e2f5",
|
|
destructive: "#ff5470",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#303052",
|
|
input: "#303052",
|
|
ring: "#a48fff",
|
|
"chart-1": "#a48fff",
|
|
"chart-2": "#7986cb",
|
|
"chart-3": "#64b5f6",
|
|
"chart-4": "#4db6ac",
|
|
"chart-5": "#ff79c6",
|
|
radius: "0.5rem",
|
|
sidebar: "#1a1a2e",
|
|
"sidebar-foreground": "#e2e2f5",
|
|
"sidebar-primary": "#a48fff",
|
|
"sidebar-primary-foreground": "#0f0f1a",
|
|
"sidebar-accent": "#303060",
|
|
"sidebar-accent-foreground": "#e2e2f5",
|
|
"sidebar-border": "#303052",
|
|
"sidebar-ring": "#a48fff",
|
|
},
|
|
},
|
|
},
|
|
|
|
tangerine: {
|
|
label: "Tangerine",
|
|
createdAt: "2025-04-09",
|
|
styles: {
|
|
light: {
|
|
background: "#e8ebed",
|
|
foreground: "#333333",
|
|
card: "#ffffff",
|
|
"card-foreground": "#333333",
|
|
popover: "#ffffff",
|
|
"popover-foreground": "#333333",
|
|
primary: "#e05d38",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#f3f4f6",
|
|
"secondary-foreground": "#4b5563",
|
|
muted: "#f9fafb",
|
|
"muted-foreground": "#6b7280",
|
|
accent: "#d6e4f0",
|
|
"accent-foreground": "#1e3a8a",
|
|
destructive: "#ef4444",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#dcdfe2",
|
|
input: "#f4f5f7",
|
|
ring: "#e05d38",
|
|
"chart-1": "#86a7c8",
|
|
"chart-2": "#eea591",
|
|
"chart-3": "#5a7ca6",
|
|
"chart-4": "#466494",
|
|
"chart-5": "#334c82",
|
|
sidebar: "#dddfe2",
|
|
"sidebar-foreground": "#333333",
|
|
"sidebar-primary": "#e05d38",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#d6e4f0",
|
|
"sidebar-accent-foreground": "#1e3a8a",
|
|
"sidebar-border": "#e5e7eb",
|
|
"sidebar-ring": "#e05d38",
|
|
"font-sans": "Inter, sans-serif",
|
|
"font-serif": "Source Serif 4, serif",
|
|
"font-mono": "JetBrains Mono, monospace",
|
|
radius: "0.75rem",
|
|
"shadow-color": "hsl(0 0% 0%)",
|
|
"shadow-opacity": "0.1",
|
|
"shadow-blur": "3px",
|
|
"shadow-spread": "0px",
|
|
"shadow-offset-x": "0px",
|
|
"shadow-offset-y": "1px",
|
|
},
|
|
dark: {
|
|
background: "#1c2433",
|
|
foreground: "#e5e5e5",
|
|
card: "#2a3040",
|
|
"card-foreground": "#e5e5e5",
|
|
popover: "#262b38",
|
|
"popover-foreground": "#e5e5e5",
|
|
primary: "#e05d38",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#2a303e",
|
|
"secondary-foreground": "#e5e5e5",
|
|
muted: "#2a303e",
|
|
"muted-foreground": "#a3a3a3",
|
|
accent: "#2a3656",
|
|
"accent-foreground": "#bfdbfe",
|
|
destructive: "#ef4444",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#3d4354",
|
|
input: "#3d4354",
|
|
ring: "#e05d38",
|
|
"chart-1": "#86a7c8",
|
|
"chart-2": "#e6a08f",
|
|
"chart-3": "#5a7ca6",
|
|
"chart-4": "#466494",
|
|
"chart-5": "#334c82",
|
|
sidebar: "#2a303f",
|
|
"sidebar-foreground": "#e5e5e5",
|
|
"sidebar-primary": "#e05d38",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#2a3656",
|
|
"sidebar-accent-foreground": "#bfdbfe",
|
|
"sidebar-border": "#3d4354",
|
|
"sidebar-ring": "#e05d38",
|
|
},
|
|
},
|
|
},
|
|
|
|
"quantum-rose": {
|
|
label: "Quantum Rose",
|
|
createdAt: "2025-04-03",
|
|
styles: {
|
|
light: {
|
|
background: "#fff0f8",
|
|
foreground: "#91185c",
|
|
card: "#fff7fc",
|
|
"card-foreground": "#91185c",
|
|
popover: "#fff7fc",
|
|
"popover-foreground": "#91185c",
|
|
primary: "#e6067a",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#ffd6ff",
|
|
"secondary-foreground": "#91185c",
|
|
muted: "#ffe3f2",
|
|
"muted-foreground": "#c04283",
|
|
accent: "#ffc1e3",
|
|
"accent-foreground": "#91185c",
|
|
destructive: "#d13869",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#ffc7e6",
|
|
input: "#ffd6ff",
|
|
ring: "#e6067a",
|
|
"chart-1": "#e6067a",
|
|
"chart-2": "#c44b97",
|
|
"chart-3": "#9969b6",
|
|
"chart-4": "#7371bf",
|
|
"chart-5": "#5e84ff",
|
|
sidebar: "#ffedf6",
|
|
"sidebar-foreground": "#91185c",
|
|
"sidebar-primary": "#e6067a",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#ffc1e3",
|
|
"sidebar-accent-foreground": "#91185c",
|
|
"sidebar-border": "#ffddf0",
|
|
"sidebar-ring": "#e6067a",
|
|
"font-sans": "Poppins, sans-serif",
|
|
"font-serif": "Playfair Display, serif",
|
|
"font-mono": "Space Mono, monospace",
|
|
radius: "0.5rem",
|
|
"shadow-color": "hsl(330 70% 30% / 0.12)",
|
|
"shadow-opacity": "0.18",
|
|
"shadow-blur": "0px",
|
|
"shadow-spread": "0px",
|
|
"shadow-offset-x": "0px",
|
|
"shadow-offset-y": "3px",
|
|
},
|
|
dark: {
|
|
background: "#1a0922",
|
|
foreground: "#ffb3ff",
|
|
card: "#2a1435",
|
|
"card-foreground": "#ffb3ff",
|
|
popover: "#2a1435",
|
|
"popover-foreground": "#ffb3ff",
|
|
primary: "#ff6bef",
|
|
"primary-foreground": "#180518",
|
|
secondary: "#46204f",
|
|
"secondary-foreground": "#ffb3ff",
|
|
muted: "#331941",
|
|
"muted-foreground": "#d67ad6",
|
|
accent: "#5a1f5d",
|
|
"accent-foreground": "#ffb3ff",
|
|
destructive: "#ff2876",
|
|
"destructive-foreground": "#f9f9f9",
|
|
border: "#4a1b5f",
|
|
input: "#46204f",
|
|
ring: "#ff6bef",
|
|
"chart-1": "#ff6bef",
|
|
"chart-2": "#c359e3",
|
|
"chart-3": "#9161ff",
|
|
"chart-4": "#6f73e2",
|
|
"chart-5": "#547aff",
|
|
sidebar: "#1c0d25",
|
|
"sidebar-foreground": "#ffb3ff",
|
|
"sidebar-primary": "#ff6bef",
|
|
"sidebar-primary-foreground": "#180518",
|
|
"sidebar-accent": "#5a1f5d",
|
|
"sidebar-accent-foreground": "#ffb3ff",
|
|
"sidebar-border": "#4a1b5f",
|
|
"sidebar-ring": "#ff6bef",
|
|
"font-sans": "Quicksand, sans-serif",
|
|
"font-serif": "Playfair Display, serif",
|
|
"font-mono": "Space Mono, monospace",
|
|
"shadow-color": "hsl(300 80% 50% / 0.25)",
|
|
},
|
|
},
|
|
},
|
|
|
|
nature: {
|
|
label: "Nature",
|
|
styles: {
|
|
light: {
|
|
background: "#f8f5f0",
|
|
foreground: "#3e2723",
|
|
card: "#f8f5f0",
|
|
"card-foreground": "#3e2723",
|
|
popover: "#f8f5f0",
|
|
"popover-foreground": "#3e2723",
|
|
primary: "#2e7d32",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#e8f5e9",
|
|
"secondary-foreground": "#1b5e20",
|
|
muted: "#f0e9e0",
|
|
"muted-foreground": "#6d4c41",
|
|
accent: "#c8e6c9",
|
|
"accent-foreground": "#1b5e20",
|
|
destructive: "#c62828",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#e0d6c9",
|
|
input: "#e0d6c9",
|
|
ring: "#2e7d32",
|
|
"chart-1": "#4caf50",
|
|
"chart-2": "#388e3c",
|
|
"chart-3": "#2e7d32",
|
|
"chart-4": "#1b5e20",
|
|
"chart-5": "#0a1f0c",
|
|
radius: "0.5rem",
|
|
sidebar: "#f0e9e0",
|
|
"sidebar-foreground": "#3e2723",
|
|
"sidebar-primary": "#2e7d32",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#c8e6c9",
|
|
"sidebar-accent-foreground": "#1b5e20",
|
|
"sidebar-border": "#e0d6c9",
|
|
"sidebar-ring": "#2e7d32",
|
|
"font-sans": "Montserrat, sans-serif",
|
|
"font-serif": "Merriweather, serif",
|
|
"font-mono": "Source Code Pro, monospace",
|
|
},
|
|
dark: {
|
|
background: "#1c2a1f",
|
|
foreground: "#f0ebe5",
|
|
card: "#2d3a2e",
|
|
"card-foreground": "#f0ebe5",
|
|
popover: "#2d3a2e",
|
|
"popover-foreground": "#f0ebe5",
|
|
primary: "#4caf50",
|
|
"primary-foreground": "#0a1f0c",
|
|
secondary: "#3e4a3d",
|
|
"secondary-foreground": "#d7e0d6",
|
|
muted: "#2d3a2e",
|
|
"muted-foreground": "#d7cfc4",
|
|
accent: "#388e3c",
|
|
"accent-foreground": "#f0ebe5",
|
|
destructive: "#c62828",
|
|
"destructive-foreground": "#f0ebe5",
|
|
border: "#3e4a3d",
|
|
input: "#3e4a3d",
|
|
ring: "#4caf50",
|
|
"chart-1": "#81c784",
|
|
"chart-2": "#66bb6a",
|
|
"chart-3": "#4caf50",
|
|
"chart-4": "#43a047",
|
|
"chart-5": "#388e3c",
|
|
radius: "0.5rem",
|
|
sidebar: "#1c2a1f",
|
|
"sidebar-foreground": "#f0ebe5",
|
|
"sidebar-primary": "#4caf50",
|
|
"sidebar-primary-foreground": "#0a1f0c",
|
|
"sidebar-accent": "#388e3c",
|
|
"sidebar-accent-foreground": "#f0ebe5",
|
|
"sidebar-border": "#3e4a3d",
|
|
"sidebar-ring": "#4caf50",
|
|
},
|
|
},
|
|
},
|
|
|
|
"bold-tech": {
|
|
label: "Bold Tech",
|
|
styles: {
|
|
light: {
|
|
background: "#ffffff",
|
|
foreground: "#312e81",
|
|
card: "#ffffff",
|
|
"card-foreground": "#312e81",
|
|
popover: "#ffffff",
|
|
"popover-foreground": "#312e81",
|
|
primary: "#8b5cf6",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#f3f0ff",
|
|
"secondary-foreground": "#4338ca",
|
|
muted: "#f5f3ff",
|
|
"muted-foreground": "#7c3aed",
|
|
accent: "#dbeafe",
|
|
"accent-foreground": "#1e40af",
|
|
destructive: "#ef4444",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#e0e7ff",
|
|
input: "#e0e7ff",
|
|
ring: "#8b5cf6",
|
|
"chart-1": "#8b5cf6",
|
|
"chart-2": "#7c3aed",
|
|
"chart-3": "#6d28d9",
|
|
"chart-4": "#5b21b6",
|
|
"chart-5": "#4c1d95",
|
|
radius: "0.625rem",
|
|
sidebar: "#f5f3ff",
|
|
"sidebar-foreground": "#312e81",
|
|
"sidebar-primary": "#8b5cf6",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#dbeafe",
|
|
"sidebar-accent-foreground": "#1e40af",
|
|
"sidebar-border": "#e0e7ff",
|
|
"sidebar-ring": "#8b5cf6",
|
|
"font-sans": "Roboto, sans-serif",
|
|
"font-serif": "Playfair Display, serif",
|
|
"font-mono": "Fira Code, monospace",
|
|
"shadow-color": "hsl(255 86% 66%)",
|
|
"shadow-opacity": "0.2",
|
|
"shadow-blur": "4px",
|
|
"shadow-spread": "0px",
|
|
"shadow-offset-x": "2px",
|
|
"shadow-offset-y": "2px",
|
|
},
|
|
dark: {
|
|
background: "#0f172a",
|
|
foreground: "#e0e7ff",
|
|
card: "#1e1b4b",
|
|
"card-foreground": "#e0e7ff",
|
|
popover: "#1e1b4b",
|
|
"popover-foreground": "#e0e7ff",
|
|
primary: "#8b5cf6",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#1e1b4b",
|
|
"secondary-foreground": "#e0e7ff",
|
|
muted: "#1e1b4b",
|
|
"muted-foreground": "#c4b5fd",
|
|
accent: "#4338ca",
|
|
"accent-foreground": "#e0e7ff",
|
|
destructive: "#ef4444",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#2e1065",
|
|
input: "#2e1065",
|
|
ring: "#8b5cf6",
|
|
"chart-1": "#a78bfa",
|
|
"chart-2": "#8b5cf6",
|
|
"chart-3": "#7c3aed",
|
|
"chart-4": "#6d28d9",
|
|
"chart-5": "#5b21b6",
|
|
radius: "0.625rem",
|
|
sidebar: "#0f172a",
|
|
"sidebar-foreground": "#e0e7ff",
|
|
"sidebar-primary": "#8b5cf6",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#4338ca",
|
|
"sidebar-accent-foreground": "#e0e7ff",
|
|
"sidebar-border": "#2e1065",
|
|
"sidebar-ring": "#8b5cf6",
|
|
},
|
|
},
|
|
},
|
|
|
|
"elegant-luxury": {
|
|
label: "Elegant Luxury",
|
|
styles: {
|
|
light: {
|
|
background: "#faf7f5",
|
|
foreground: "#1a1a1a",
|
|
card: "#faf7f5",
|
|
"card-foreground": "#1a1a1a",
|
|
popover: "#faf7f5",
|
|
"popover-foreground": "#1a1a1a",
|
|
primary: "#9b2c2c",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#fdf2d6",
|
|
"secondary-foreground": "#805500",
|
|
muted: "#f0ebe8",
|
|
"muted-foreground": "#57534e",
|
|
accent: "#fef3c7",
|
|
"accent-foreground": "#7f1d1d",
|
|
destructive: "#991b1b",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#f5e8d2",
|
|
input: "#f5e8d2",
|
|
ring: "#9b2c2c",
|
|
"chart-1": "#b91c1c",
|
|
"chart-2": "#9b2c2c",
|
|
"chart-3": "#7f1d1d",
|
|
"chart-4": "#b45309",
|
|
"chart-5": "#92400e",
|
|
radius: "0.375rem",
|
|
sidebar: "#f0ebe8",
|
|
"sidebar-foreground": "#1a1a1a",
|
|
"sidebar-primary": "#9b2c2c",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#fef3c7",
|
|
"sidebar-accent-foreground": "#7f1d1d",
|
|
"sidebar-border": "#f5e8d2",
|
|
"sidebar-ring": "#9b2c2c",
|
|
"font-sans": "Poppins, sans-serif",
|
|
"font-serif": "Libre Baskerville, serif",
|
|
"font-mono": "IBM Plex Mono, monospace",
|
|
"shadow-color": "hsl(0 63% 18%)",
|
|
"shadow-opacity": "0.12",
|
|
"shadow-blur": "16px",
|
|
"shadow-spread": "-2px",
|
|
"shadow-offset-x": "1px",
|
|
"shadow-offset-y": "1px",
|
|
},
|
|
dark: {
|
|
background: "#1c1917",
|
|
foreground: "#f5f5f4",
|
|
card: "#292524",
|
|
"card-foreground": "#f5f5f4",
|
|
popover: "#292524",
|
|
"popover-foreground": "#f5f5f4",
|
|
primary: "#b91c1c",
|
|
"primary-foreground": "#faf7f5",
|
|
secondary: "#92400e",
|
|
"secondary-foreground": "#fef3c7",
|
|
muted: "#292524",
|
|
"muted-foreground": "#d6d3d1",
|
|
accent: "#b45309",
|
|
"accent-foreground": "#fef3c7",
|
|
destructive: "#ef4444",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#44403c",
|
|
input: "#44403c",
|
|
ring: "#b91c1c",
|
|
"chart-1": "#f87171",
|
|
"chart-2": "#ef4444",
|
|
"chart-3": "#dc2626",
|
|
"chart-4": "#fbbf24",
|
|
"chart-5": "#f59e0b",
|
|
radius: "0.375rem",
|
|
sidebar: "#1c1917",
|
|
"sidebar-foreground": "#f5f5f4",
|
|
"sidebar-primary": "#b91c1c",
|
|
"sidebar-primary-foreground": "#faf7f5",
|
|
"sidebar-accent": "#b45309",
|
|
"sidebar-accent-foreground": "#fef3c7",
|
|
"sidebar-border": "#44403c",
|
|
"sidebar-ring": "#b91c1c",
|
|
},
|
|
},
|
|
},
|
|
|
|
"neo-brutalism": {
|
|
label: "Neo Brutalism",
|
|
styles: {
|
|
light: {
|
|
background: "#ffffff",
|
|
foreground: "#000000",
|
|
card: "#ffffff",
|
|
"card-foreground": "#000000",
|
|
popover: "#ffffff",
|
|
"popover-foreground": "#000000",
|
|
primary: "#ff3333",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#ffff00",
|
|
"secondary-foreground": "#000000",
|
|
muted: "#f0f0f0",
|
|
"muted-foreground": "#333333",
|
|
accent: "#0066ff",
|
|
"accent-foreground": "#ffffff",
|
|
destructive: "#000000",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#000000",
|
|
input: "#000000",
|
|
ring: "#ff3333",
|
|
"chart-1": "#ff3333",
|
|
"chart-2": "#ffff00",
|
|
"chart-3": "#0066ff",
|
|
"chart-4": "#00cc00",
|
|
"chart-5": "#cc00cc",
|
|
radius: "0px",
|
|
sidebar: "#f0f0f0",
|
|
"sidebar-foreground": "#000000",
|
|
"sidebar-primary": "#ff3333",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#0066ff",
|
|
"sidebar-accent-foreground": "#ffffff",
|
|
"sidebar-border": "#000000",
|
|
"sidebar-ring": "#ff3333",
|
|
"font-sans": "DM Sans, sans-serif",
|
|
"font-mono": "Space Mono, monospace",
|
|
"shadow-color": "hsl(0 0% 0%)",
|
|
"shadow-opacity": "1",
|
|
"shadow-blur": "0px",
|
|
"shadow-spread": "0px",
|
|
"shadow-offset-x": "4px",
|
|
"shadow-offset-y": "4px",
|
|
},
|
|
dark: {
|
|
background: "#000000",
|
|
foreground: "#ffffff",
|
|
card: "#333333",
|
|
"card-foreground": "#ffffff",
|
|
popover: "#333333",
|
|
"popover-foreground": "#ffffff",
|
|
primary: "#ff6666",
|
|
"primary-foreground": "#000000",
|
|
secondary: "#ffff33",
|
|
"secondary-foreground": "#000000",
|
|
muted: "#333333",
|
|
"muted-foreground": "#cccccc",
|
|
accent: "#3399ff",
|
|
"accent-foreground": "#000000",
|
|
destructive: "#ffffff",
|
|
"destructive-foreground": "#000000",
|
|
border: "#ffffff",
|
|
input: "#ffffff",
|
|
ring: "#ff6666",
|
|
"chart-1": "#ff6666",
|
|
"chart-2": "#ffff33",
|
|
"chart-3": "#3399ff",
|
|
"chart-4": "#33cc33",
|
|
"chart-5": "#cc33cc",
|
|
radius: "0px",
|
|
sidebar: "#000000",
|
|
"sidebar-foreground": "#ffffff",
|
|
"sidebar-primary": "#ff6666",
|
|
"sidebar-primary-foreground": "#000000",
|
|
"sidebar-accent": "#3399ff",
|
|
"sidebar-accent-foreground": "#000000",
|
|
"sidebar-border": "#ffffff",
|
|
"sidebar-ring": "#ff6666",
|
|
},
|
|
},
|
|
},
|
|
|
|
"solar-dusk": {
|
|
label: "Solar Dusk",
|
|
createdAt: "2025-04-12",
|
|
styles: {
|
|
light: {
|
|
background: "#FDFBF7",
|
|
foreground: "#4A3B33",
|
|
card: "#F8F4EE",
|
|
"card-foreground": "#4A3B33",
|
|
popover: "#F8F4EE",
|
|
"popover-foreground": "#4A3B33",
|
|
primary: "#B45309",
|
|
"primary-foreground": "#FFFFFF",
|
|
secondary: "#E4C090",
|
|
"secondary-foreground": "#57534E",
|
|
muted: "#F1E9DA",
|
|
"muted-foreground": "#78716C",
|
|
accent: "#f2daba",
|
|
"accent-foreground": "#57534E",
|
|
destructive: "#991B1B",
|
|
"destructive-foreground": "#FFFFFF",
|
|
border: "#E4D9BC",
|
|
input: "#E4D9BC",
|
|
ring: "#B45309",
|
|
"chart-1": "#B45309",
|
|
"chart-2": "#78716C",
|
|
"chart-3": "#A16207",
|
|
"chart-4": "#78716C",
|
|
"chart-5": "#CA8A04",
|
|
radius: "0.3rem",
|
|
sidebar: "#F1E9DA",
|
|
"sidebar-foreground": "#4A3B33",
|
|
"sidebar-primary": "#B45309",
|
|
"sidebar-primary-foreground": "#FFFFFF",
|
|
"sidebar-accent": "#A16207",
|
|
"sidebar-accent-foreground": "#FFFFFF",
|
|
"sidebar-border": "#E4D9BC",
|
|
"sidebar-ring": "#B45309",
|
|
"font-sans": "Oxanium, sans-serif",
|
|
"font-serif": "Merriweather, serif",
|
|
"font-mono": "Fira Code, monospace",
|
|
"shadow-color": "hsl(28 18% 25%)",
|
|
"shadow-opacity": "0.18",
|
|
"shadow-blur": "3px",
|
|
"shadow-spread": "0px",
|
|
"shadow-offset-x": "0px",
|
|
"shadow-offset-y": "2px",
|
|
},
|
|
dark: {
|
|
background: "#1C1917",
|
|
foreground: "#F5F5F4",
|
|
card: "#292524",
|
|
"card-foreground": "#F5F5F4",
|
|
popover: "#292524",
|
|
"popover-foreground": "#F5F5F4",
|
|
primary: "#F97316",
|
|
"primary-foreground": "#FFFFFF",
|
|
secondary: "#57534E",
|
|
"secondary-foreground": "#E7E5E4",
|
|
muted: "#292524",
|
|
"muted-foreground": "#A8A29E",
|
|
accent: "#1e4252",
|
|
"accent-foreground": "#E7E5E4",
|
|
destructive: "#DC2626",
|
|
"destructive-foreground": "#FFFFFF",
|
|
border: "#44403C",
|
|
input: "#44403C",
|
|
ring: "#F97316",
|
|
"chart-1": "#F97316",
|
|
"chart-2": "#0EA5E9",
|
|
"chart-3": "#EAB308",
|
|
"chart-4": "#A8A29E",
|
|
"chart-5": "#78716C",
|
|
radius: "0.3rem",
|
|
sidebar: "#292524",
|
|
"sidebar-foreground": "#F5F5F4",
|
|
"sidebar-primary": "#F97316",
|
|
"sidebar-primary-foreground": "#FFFFFF",
|
|
"sidebar-accent": "#0EA5E9",
|
|
"sidebar-accent-foreground": "#0C2A4D",
|
|
"sidebar-border": "#44403C",
|
|
"sidebar-ring": "#F97316",
|
|
"shadow-color": "hsl(0 0% 5%)",
|
|
},
|
|
},
|
|
},
|
|
|
|
claymorphism: {
|
|
label: "Claymorphism",
|
|
styles: {
|
|
light: {
|
|
background: "#e7e5e4",
|
|
foreground: "#1e293b",
|
|
card: "#f5f5f4",
|
|
"card-foreground": "#1e293b",
|
|
popover: "#f5f5f4",
|
|
"popover-foreground": "#1e293b",
|
|
primary: "#6366f1",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#d6d3d1",
|
|
"secondary-foreground": "#4b5563",
|
|
muted: "#e7e5e4",
|
|
"muted-foreground": "#6b7280",
|
|
accent: "#f3e5f5",
|
|
"accent-foreground": "#374151",
|
|
destructive: "#ef4444",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#d6d3d1",
|
|
input: "#d6d3d1",
|
|
ring: "#6366f1",
|
|
"chart-1": "#6366f1",
|
|
"chart-2": "#4f46e5",
|
|
"chart-3": "#4338ca",
|
|
"chart-4": "#3730a3",
|
|
"chart-5": "#312e81",
|
|
radius: "1.25rem",
|
|
sidebar: "#d6d3d1",
|
|
"sidebar-foreground": "#1e293b",
|
|
"sidebar-primary": "#6366f1",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#f3e5f5",
|
|
"sidebar-accent-foreground": "#374151",
|
|
"sidebar-border": "#d6d3d1",
|
|
"sidebar-ring": "#6366f1",
|
|
"font-sans": "Plus Jakarta Sans, sans-serif",
|
|
"font-serif": "Lora, serif",
|
|
"font-mono": "Roboto Mono, monospace",
|
|
"shadow-color": "hsl(240 4% 60%)",
|
|
"shadow-opacity": "0.18",
|
|
"shadow-blur": "10px",
|
|
"shadow-spread": "4px",
|
|
"shadow-offset-x": "2px",
|
|
"shadow-offset-y": "2px",
|
|
},
|
|
dark: {
|
|
background: "#1e1b18",
|
|
foreground: "#e2e8f0",
|
|
card: "#2c2825",
|
|
"card-foreground": "#e2e8f0",
|
|
popover: "#2c2825",
|
|
"popover-foreground": "#e2e8f0",
|
|
primary: "#818cf8",
|
|
"primary-foreground": "#1e1b18",
|
|
secondary: "#3a3633",
|
|
"secondary-foreground": "#d1d5db",
|
|
muted: "#2c2825",
|
|
"muted-foreground": "#9ca3af",
|
|
accent: "#484441",
|
|
"accent-foreground": "#d1d5db",
|
|
destructive: "#ef4444",
|
|
"destructive-foreground": "#1e1b18",
|
|
border: "#3a3633",
|
|
input: "#3a3633",
|
|
ring: "#818cf8",
|
|
"chart-1": "#818cf8",
|
|
"chart-2": "#6366f1",
|
|
"chart-3": "#4f46e5",
|
|
"chart-4": "#4338ca",
|
|
"chart-5": "#3730a3",
|
|
radius: "1.25rem",
|
|
sidebar: "#3a3633",
|
|
"sidebar-foreground": "#e2e8f0",
|
|
"sidebar-primary": "#818cf8",
|
|
"sidebar-primary-foreground": "#1e1b18",
|
|
"sidebar-accent": "#484441",
|
|
"sidebar-accent-foreground": "#d1d5db",
|
|
"sidebar-border": "#3a3633",
|
|
"sidebar-ring": "#818cf8",
|
|
"shadow-color": "hsl(0 0% 0%)",
|
|
},
|
|
},
|
|
},
|
|
|
|
cyberpunk: {
|
|
label: "Cyberpunk",
|
|
styles: {
|
|
light: {
|
|
background: "#f8f9fa",
|
|
foreground: "#0c0c1d",
|
|
card: "#ffffff",
|
|
"card-foreground": "#0c0c1d",
|
|
popover: "#ffffff",
|
|
"popover-foreground": "#0c0c1d",
|
|
primary: "#ff00c8",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#f0f0ff",
|
|
"secondary-foreground": "#0c0c1d",
|
|
muted: "#f0f0ff",
|
|
"muted-foreground": "#0c0c1d",
|
|
accent: "#00ffcc",
|
|
"accent-foreground": "#0c0c1d",
|
|
destructive: "#ff3d00",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#dfe6e9",
|
|
input: "#dfe6e9",
|
|
ring: "#ff00c8",
|
|
"chart-1": "#ff00c8",
|
|
"chart-2": "#9000ff",
|
|
"chart-3": "#00e5ff",
|
|
"chart-4": "#00ffcc",
|
|
"chart-5": "#ffe600",
|
|
radius: "0.5rem",
|
|
sidebar: "#f0f0ff",
|
|
"sidebar-foreground": "#0c0c1d",
|
|
"sidebar-primary": "#ff00c8",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#00ffcc",
|
|
"sidebar-accent-foreground": "#0c0c1d",
|
|
"sidebar-border": "#dfe6e9",
|
|
"sidebar-ring": "#ff00c8",
|
|
"font-sans": "Outfit, sans-serif",
|
|
"font-mono": "Fira Code, monospace",
|
|
"shadow-color": "hsl(0 0% 0%)",
|
|
"shadow-opacity": "0.1",
|
|
"shadow-blur": "8px",
|
|
"shadow-spread": "-2px",
|
|
"shadow-offset-x": "0px",
|
|
"shadow-offset-y": "4px",
|
|
},
|
|
dark: {
|
|
background: "#0c0c1d",
|
|
foreground: "#eceff4",
|
|
card: "#1e1e3f",
|
|
"card-foreground": "#eceff4",
|
|
popover: "#1e1e3f",
|
|
"popover-foreground": "#eceff4",
|
|
primary: "#ff00c8",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#1e1e3f",
|
|
"secondary-foreground": "#eceff4",
|
|
muted: "#1e1e3f",
|
|
"muted-foreground": "#8085a6",
|
|
accent: "#00ffcc",
|
|
"accent-foreground": "#0c0c1d",
|
|
destructive: "#ff3d00",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#2e2e5e",
|
|
input: "#2e2e5e",
|
|
ring: "#ff00c8",
|
|
"chart-1": "#ff00c8",
|
|
"chart-2": "#9000ff",
|
|
"chart-3": "#00e5ff",
|
|
"chart-4": "#00ffcc",
|
|
"chart-5": "#ffe600",
|
|
radius: "0.5rem",
|
|
sidebar: "#0c0c1d",
|
|
"sidebar-foreground": "#eceff4",
|
|
"sidebar-primary": "#ff00c8",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#00ffcc",
|
|
"sidebar-accent-foreground": "#0c0c1d",
|
|
"sidebar-border": "#2e2e5e",
|
|
"sidebar-ring": "#ff00c8",
|
|
},
|
|
},
|
|
},
|
|
"pastel-dreams": {
|
|
label: "Pastel Dreams",
|
|
styles: {
|
|
light: {
|
|
background: "#f7f3f9",
|
|
foreground: "#374151",
|
|
card: "#ffffff",
|
|
"card-foreground": "#374151",
|
|
popover: "#ffffff",
|
|
"popover-foreground": "#374151",
|
|
primary: "#a78bfa",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#e9d8fd",
|
|
"secondary-foreground": "#4b5563",
|
|
muted: "#f3e8ff",
|
|
"muted-foreground": "#6b7280",
|
|
accent: "#f3e5f5",
|
|
"accent-foreground": "#374151",
|
|
destructive: "#fca5a5",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#e9d8fd",
|
|
input: "#e9d8fd",
|
|
ring: "#a78bfa",
|
|
"chart-1": "#a78bfa",
|
|
"chart-2": "#8b5cf6",
|
|
"chart-3": "#7c3aed",
|
|
"chart-4": "#6d28d9",
|
|
"chart-5": "#5b21b6",
|
|
radius: "1.5rem",
|
|
sidebar: "#e9d8fd",
|
|
"sidebar-foreground": "#374151",
|
|
"sidebar-primary": "#a78bfa",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#f3e5f5",
|
|
"sidebar-accent-foreground": "#374151",
|
|
"sidebar-border": "#e9d8fd",
|
|
"sidebar-ring": "#a78bfa",
|
|
"font-sans": "Open Sans, sans-serif",
|
|
"font-serif": "Source Serif 4, serif",
|
|
"font-mono": "IBM Plex Mono, monospace",
|
|
"shadow-color": "hsl(0 0% 0%)",
|
|
"shadow-opacity": "0.08",
|
|
"shadow-blur": "16px",
|
|
"shadow-spread": "-4px",
|
|
"shadow-offset-x": "0px",
|
|
"shadow-offset-y": "8px",
|
|
},
|
|
dark: {
|
|
background: "#1c1917",
|
|
foreground: "#e0e7ff",
|
|
card: "#2d2535",
|
|
"card-foreground": "#e0e7ff",
|
|
popover: "#2d2535",
|
|
"popover-foreground": "#e0e7ff",
|
|
primary: "#c0aafd",
|
|
"primary-foreground": "#1c1917",
|
|
secondary: "#3f324a",
|
|
"secondary-foreground": "#d1d5db",
|
|
muted: "#2d2535",
|
|
"muted-foreground": "#9ca3af",
|
|
accent: "#4a3d5a",
|
|
"accent-foreground": "#d1d5db",
|
|
destructive: "#fca5a5",
|
|
"destructive-foreground": "#1c1917",
|
|
border: "#3f324a",
|
|
input: "#3f324a",
|
|
ring: "#c0aafd",
|
|
"chart-1": "#c0aafd",
|
|
"chart-2": "#a78bfa",
|
|
"chart-3": "#8b5cf6",
|
|
"chart-4": "#7c3aed",
|
|
"chart-5": "#6d28d9",
|
|
radius: "1.5rem",
|
|
sidebar: "#3f324a",
|
|
"sidebar-foreground": "#e0e7ff",
|
|
"sidebar-primary": "#c0aafd",
|
|
"sidebar-primary-foreground": "#1c1917",
|
|
"sidebar-accent": "#4a3d5a",
|
|
"sidebar-accent-foreground": "#d1d5db",
|
|
"sidebar-border": "#3f324a",
|
|
"sidebar-ring": "#c0aafd",
|
|
},
|
|
},
|
|
},
|
|
|
|
"clean-slate": {
|
|
label: "Clean Slate",
|
|
styles: {
|
|
light: {
|
|
background: "#f8fafc",
|
|
foreground: "#1e293b",
|
|
card: "#ffffff",
|
|
"card-foreground": "#1e293b",
|
|
popover: "#ffffff",
|
|
"popover-foreground": "#1e293b",
|
|
primary: "#6366f1",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#e5e7eb",
|
|
"secondary-foreground": "#374151",
|
|
muted: "#f3f4f6",
|
|
"muted-foreground": "#6b7280",
|
|
accent: "#e0e7ff",
|
|
"accent-foreground": "#374151",
|
|
destructive: "#ef4444",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#d1d5db",
|
|
input: "#d1d5db",
|
|
ring: "#6366f1",
|
|
"chart-1": "#6366f1",
|
|
"chart-2": "#4f46e5",
|
|
"chart-3": "#4338ca",
|
|
"chart-4": "#3730a3",
|
|
"chart-5": "#312e81",
|
|
radius: "0.5rem",
|
|
sidebar: "#f3f4f6",
|
|
"sidebar-foreground": "#1e293b",
|
|
"sidebar-primary": "#6366f1",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#e0e7ff",
|
|
"sidebar-accent-foreground": "#374151",
|
|
"sidebar-border": "#d1d5db",
|
|
"sidebar-ring": "#6366f1",
|
|
"font-sans": "Inter, sans-serif",
|
|
"font-serif": "Merriweather, serif",
|
|
"font-mono": "JetBrains Mono, monospace",
|
|
"shadow-color": "hsl(0 0% 0%)",
|
|
"shadow-opacity": "0.1",
|
|
"shadow-blur": "8px",
|
|
"shadow-spread": "-1px",
|
|
"shadow-offset-x": "0px",
|
|
"shadow-offset-y": "4px",
|
|
},
|
|
dark: {
|
|
background: "#0f172a",
|
|
foreground: "#e2e8f0",
|
|
card: "#1e293b",
|
|
"card-foreground": "#e2e8f0",
|
|
popover: "#1e293b",
|
|
"popover-foreground": "#e2e8f0",
|
|
primary: "#818cf8",
|
|
"primary-foreground": "#0f172a",
|
|
secondary: "#2d3748",
|
|
"secondary-foreground": "#d1d5db",
|
|
muted: "#1e293b",
|
|
"muted-foreground": "#9ca3af",
|
|
accent: "#374151",
|
|
"accent-foreground": "#d1d5db",
|
|
destructive: "#ef4444",
|
|
"destructive-foreground": "#0f172a",
|
|
border: "#4b5563",
|
|
input: "#4b5563",
|
|
ring: "#818cf8",
|
|
"chart-1": "#818cf8",
|
|
"chart-2": "#6366f1",
|
|
"chart-3": "#4f46e5",
|
|
"chart-4": "#4338ca",
|
|
"chart-5": "#3730a3",
|
|
radius: "0.5rem",
|
|
sidebar: "#1e293b",
|
|
"sidebar-foreground": "#e2e8f0",
|
|
"sidebar-primary": "#818cf8",
|
|
"sidebar-primary-foreground": "#0f172a",
|
|
"sidebar-accent": "#374151",
|
|
"sidebar-accent-foreground": "#d1d5db",
|
|
"sidebar-border": "#4b5563",
|
|
"sidebar-ring": "#818cf8",
|
|
},
|
|
},
|
|
},
|
|
caffeine: {
|
|
label: "Caffeine",
|
|
styles: {
|
|
light: {
|
|
background: "#f9f9f9",
|
|
foreground: "#202020",
|
|
card: "#fcfcfc",
|
|
"card-foreground": "#202020",
|
|
popover: "#fcfcfc",
|
|
"popover-foreground": "#202020",
|
|
primary: "#644a40",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#ffdfb5",
|
|
"secondary-foreground": "#582d1d",
|
|
muted: "#efefef",
|
|
"muted-foreground": "#646464",
|
|
accent: "#e8e8e8",
|
|
"accent-foreground": "#202020",
|
|
destructive: "#e54d2e",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#d8d8d8",
|
|
input: "#d8d8d8",
|
|
ring: "#644a40",
|
|
"chart-1": "#644a40",
|
|
"chart-2": "#ffdfb5",
|
|
"chart-3": "#e8e8e8",
|
|
"chart-4": "#ffe6c4",
|
|
"chart-5": "#66493e",
|
|
sidebar: "#fbfbfb",
|
|
"sidebar-foreground": "#252525",
|
|
"sidebar-primary": "#343434",
|
|
"sidebar-primary-foreground": "#fbfbfb",
|
|
"sidebar-accent": "#f7f7f7",
|
|
"sidebar-accent-foreground": "#343434",
|
|
"sidebar-border": "#ebebeb",
|
|
"sidebar-ring": "#b5b5b5",
|
|
radius: "0.5rem",
|
|
},
|
|
dark: {
|
|
background: "#111111",
|
|
foreground: "#eeeeee",
|
|
card: "#191919",
|
|
"card-foreground": "#eeeeee",
|
|
popover: "#191919",
|
|
"popover-foreground": "#eeeeee",
|
|
primary: "#ffe0c2",
|
|
"primary-foreground": "#081a1b",
|
|
secondary: "#393028",
|
|
"secondary-foreground": "#ffe0c2",
|
|
muted: "#222222",
|
|
"muted-foreground": "#b4b4b4",
|
|
accent: "#2a2a2a",
|
|
"accent-foreground": "#eeeeee",
|
|
destructive: "#e54d2e",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#201e18",
|
|
input: "#484848",
|
|
ring: "#ffe0c2",
|
|
"chart-1": "#ffe0c2",
|
|
"chart-2": "#393028",
|
|
"chart-3": "#2a2a2a",
|
|
"chart-4": "#42382e",
|
|
"chart-5": "#ffe0c1",
|
|
sidebar: "#18181b",
|
|
"sidebar-foreground": "#f4f4f5",
|
|
"sidebar-primary": "#1d4ed8",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#27272a",
|
|
"sidebar-accent-foreground": "#f4f4f5",
|
|
"sidebar-border": "#27272a",
|
|
"sidebar-ring": "#d4d4d8",
|
|
radius: "0.5rem",
|
|
},
|
|
},
|
|
},
|
|
"ocean-breeze": {
|
|
label: "Ocean Breeze",
|
|
styles: {
|
|
light: {
|
|
background: "#f0f8ff",
|
|
foreground: "#374151",
|
|
card: "#ffffff",
|
|
"card-foreground": "#374151",
|
|
popover: "#ffffff",
|
|
"popover-foreground": "#374151",
|
|
primary: "#22c55e",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#e0f2fe",
|
|
"secondary-foreground": "#4b5563",
|
|
muted: "#f3f4f6",
|
|
"muted-foreground": "#6b7280",
|
|
accent: "#d1fae5",
|
|
"accent-foreground": "#374151",
|
|
destructive: "#ef4444",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#e5e7eb",
|
|
input: "#e5e7eb",
|
|
ring: "#22c55e",
|
|
"chart-1": "#22c55e",
|
|
"chart-2": "#10b981",
|
|
"chart-3": "#059669",
|
|
"chart-4": "#047857",
|
|
"chart-5": "#065f46",
|
|
radius: "0.5rem",
|
|
sidebar: "#e0f2fe",
|
|
"sidebar-foreground": "#374151",
|
|
"sidebar-primary": "#22c55e",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#d1fae5",
|
|
"sidebar-accent-foreground": "#374151",
|
|
"sidebar-border": "#e5e7eb",
|
|
"sidebar-ring": "#22c55e",
|
|
"font-sans": "DM Sans, sans-serif",
|
|
"font-serif": "Lora, serif",
|
|
"font-mono": "IBM Plex Mono, monospace",
|
|
"shadow-color": "hsl(0 0% 0%)",
|
|
"shadow-opacity": "0.1",
|
|
"shadow-blur": "8px",
|
|
"shadow-spread": "-1px",
|
|
"shadow-offset-x": "0px",
|
|
"shadow-offset-y": "4px",
|
|
},
|
|
dark: {
|
|
background: "#0f172a",
|
|
foreground: "#d1d5db",
|
|
card: "#1e293b",
|
|
"card-foreground": "#d1d5db",
|
|
popover: "#1e293b",
|
|
"popover-foreground": "#d1d5db",
|
|
primary: "#34d399",
|
|
"primary-foreground": "#0f172a",
|
|
secondary: "#2d3748",
|
|
"secondary-foreground": "#a1a1aa",
|
|
muted: "#1e293b",
|
|
"muted-foreground": "#6b7280",
|
|
accent: "#374151",
|
|
"accent-foreground": "#a1a1aa",
|
|
destructive: "#ef4444",
|
|
"destructive-foreground": "#0f172a",
|
|
border: "#4b5563",
|
|
input: "#4b5563",
|
|
ring: "#34d399",
|
|
"chart-1": "#34d399",
|
|
"chart-2": "#2dd4bf",
|
|
"chart-3": "#22c55e",
|
|
"chart-4": "#10b981",
|
|
"chart-5": "#059669",
|
|
radius: "0.5rem",
|
|
sidebar: "#1e293b",
|
|
"sidebar-foreground": "#d1d5db",
|
|
"sidebar-primary": "#34d399",
|
|
"sidebar-primary-foreground": "#0f172a",
|
|
"sidebar-accent": "#374151",
|
|
"sidebar-accent-foreground": "#a1a1aa",
|
|
"sidebar-border": "#4b5563",
|
|
"sidebar-ring": "#34d399",
|
|
},
|
|
},
|
|
},
|
|
"retro-arcade": {
|
|
label: "Retro Arcade",
|
|
styles: {
|
|
light: {
|
|
background: "#fdf6e3",
|
|
foreground: "#073642",
|
|
card: "#eee8d5",
|
|
"card-foreground": "#073642",
|
|
popover: "#eee8d5",
|
|
"popover-foreground": "#073642",
|
|
primary: "#d33682",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#2aa198",
|
|
"secondary-foreground": "#ffffff",
|
|
muted: "#93a1a1",
|
|
"muted-foreground": "#073642",
|
|
accent: "#cb4b16",
|
|
"accent-foreground": "#ffffff",
|
|
destructive: "#dc322f",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#839496",
|
|
input: "#839496",
|
|
ring: "#d33682",
|
|
"chart-1": "#268bd2",
|
|
"chart-2": "#2aa198",
|
|
"chart-3": "#d33682",
|
|
"chart-4": "#cb4b16",
|
|
"chart-5": "#dc322f",
|
|
radius: "0.25rem",
|
|
sidebar: "#fdf6e3",
|
|
"sidebar-foreground": "#073642",
|
|
"sidebar-primary": "#d33682",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#2aa198",
|
|
"sidebar-accent-foreground": "#ffffff",
|
|
"sidebar-border": "#839496",
|
|
"sidebar-ring": "#d33682",
|
|
"font-sans": "Outfit, sans-serif",
|
|
"font-mono": "Space Mono, monospace",
|
|
"shadow-color": "hsl(196 83% 10%)",
|
|
"shadow-opacity": "0.15",
|
|
"shadow-blur": "4px",
|
|
"shadow-spread": "0px",
|
|
"shadow-offset-x": "2px",
|
|
"shadow-offset-y": "2px",
|
|
},
|
|
dark: {
|
|
background: "#002b36",
|
|
foreground: "#93a1a1",
|
|
card: "#073642",
|
|
"card-foreground": "#93a1a1",
|
|
popover: "#073642",
|
|
"popover-foreground": "#93a1a1",
|
|
primary: "#d33682",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#2aa198",
|
|
"secondary-foreground": "#ffffff",
|
|
muted: "#586e75",
|
|
"muted-foreground": "#93a1a1",
|
|
accent: "#cb4b16",
|
|
"accent-foreground": "#ffffff",
|
|
destructive: "#dc322f",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#586e75",
|
|
input: "#586e75",
|
|
ring: "#d33682",
|
|
"chart-1": "#268bd2",
|
|
"chart-2": "#2aa198",
|
|
"chart-3": "#d33682",
|
|
"chart-4": "#cb4b16",
|
|
"chart-5": "#dc322f",
|
|
radius: "0.25rem",
|
|
sidebar: "#002b36",
|
|
"sidebar-foreground": "#93a1a1",
|
|
"sidebar-primary": "#d33682",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#2aa198",
|
|
"sidebar-accent-foreground": "#ffffff",
|
|
"sidebar-border": "#586e75",
|
|
"sidebar-ring": "#d33682",
|
|
},
|
|
},
|
|
},
|
|
|
|
"midnight-bloom": {
|
|
label: "Midnight Bloom",
|
|
styles: {
|
|
light: {
|
|
background: "#f9f9f9",
|
|
foreground: "#333333",
|
|
card: "#ffffff",
|
|
"card-foreground": "#333333",
|
|
popover: "#ffffff",
|
|
"popover-foreground": "#333333",
|
|
primary: "#6c5ce7",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#a1c9f2",
|
|
"secondary-foreground": "#333333",
|
|
muted: "#c9c4b5",
|
|
"muted-foreground": "#6e6e6e",
|
|
accent: "#8b9467",
|
|
"accent-foreground": "#ffffff",
|
|
destructive: "#ef4444",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#d4d4d4",
|
|
input: "#d4d4d4",
|
|
ring: "#6c5ce7",
|
|
"chart-1": "#6c5ce7",
|
|
"chart-2": "#8e44ad",
|
|
"chart-3": "#4b0082",
|
|
"chart-4": "#6495ed",
|
|
"chart-5": "#4682b4",
|
|
radius: "0.5rem",
|
|
sidebar: "#f9f9f9",
|
|
"sidebar-foreground": "#333333",
|
|
"sidebar-primary": "#6c5ce7",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#8b9467",
|
|
"sidebar-accent-foreground": "#ffffff",
|
|
"sidebar-border": "#d4d4d4",
|
|
"sidebar-ring": "#6c5ce7",
|
|
"font-sans": "Montserrat, sans-serif",
|
|
"font-serif": "Playfair Display, serif",
|
|
"font-mono": "Source Code Pro, monospace",
|
|
"shadow-color": "hsl(0 0% 0%)",
|
|
"shadow-opacity": "0.1",
|
|
"shadow-blur": "10px",
|
|
"shadow-spread": "-2px",
|
|
"shadow-offset-x": "0px",
|
|
"shadow-offset-y": "5px",
|
|
},
|
|
dark: {
|
|
background: "#1a1d23",
|
|
foreground: "#e5e5e5",
|
|
card: "#2f3436",
|
|
"card-foreground": "#e5e5e5",
|
|
popover: "#2f3436",
|
|
"popover-foreground": "#e5e5e5",
|
|
primary: "#6c5ce7",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#4b0082",
|
|
"secondary-foreground": "#e5e5e5",
|
|
muted: "#444444",
|
|
"muted-foreground": "#a3a3a3",
|
|
accent: "#6495ed",
|
|
"accent-foreground": "#e5e5e5",
|
|
destructive: "#ef4444",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#444444",
|
|
input: "#444444",
|
|
ring: "#6c5ce7",
|
|
"chart-1": "#6c5ce7",
|
|
"chart-2": "#8e44ad",
|
|
"chart-3": "#4b0082",
|
|
"chart-4": "#6495ed",
|
|
"chart-5": "#4682b4",
|
|
radius: "0.5rem",
|
|
sidebar: "#1a1d23",
|
|
"sidebar-foreground": "#e5e5e5",
|
|
"sidebar-primary": "#6c5ce7",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#6495ed",
|
|
"sidebar-accent-foreground": "#e5e5e5",
|
|
"sidebar-border": "#444444",
|
|
"sidebar-ring": "#6c5ce7",
|
|
},
|
|
},
|
|
},
|
|
candyland: {
|
|
label: "Candyland",
|
|
styles: {
|
|
light: {
|
|
background: "#f7f9fa",
|
|
foreground: "#333333",
|
|
card: "#ffffff",
|
|
"card-foreground": "#333333",
|
|
popover: "#ffffff",
|
|
"popover-foreground": "#333333",
|
|
primary: "#ffc0cb",
|
|
"primary-foreground": "#000000",
|
|
secondary: "#87ceeb",
|
|
"secondary-foreground": "#000000",
|
|
muted: "#ddd9c4",
|
|
"muted-foreground": "#6e6e6e",
|
|
accent: "#ffff00",
|
|
"accent-foreground": "#000000",
|
|
destructive: "#ef4444",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#d4d4d4",
|
|
input: "#d4d4d4",
|
|
ring: "#ffc0cb",
|
|
"chart-1": "#ffc0cb",
|
|
"chart-2": "#87ceeb",
|
|
"chart-3": "#ffff00",
|
|
"chart-4": "#ff99cc",
|
|
"chart-5": "#33cc33",
|
|
radius: "0.5rem",
|
|
sidebar: "#f7f9fa",
|
|
"sidebar-foreground": "#333333",
|
|
"sidebar-primary": "#ffc0cb",
|
|
"sidebar-primary-foreground": "#000000",
|
|
"sidebar-accent": "#ffff00",
|
|
"sidebar-accent-foreground": "#000000",
|
|
"sidebar-border": "#d4d4d4",
|
|
"sidebar-ring": "#ffc0cb",
|
|
"font-sans": "Poppins, sans-serif",
|
|
"font-mono": "Roboto Mono, monospace",
|
|
},
|
|
dark: {
|
|
background: "#1a1d23",
|
|
foreground: "#e5e5e5",
|
|
card: "#2f3436",
|
|
"card-foreground": "#e5e5e5",
|
|
popover: "#2f3436",
|
|
"popover-foreground": "#e5e5e5",
|
|
primary: "#ff99cc",
|
|
"primary-foreground": "#000000",
|
|
secondary: "#33cc33",
|
|
"secondary-foreground": "#000000",
|
|
muted: "#444444",
|
|
"muted-foreground": "#a3a3a3",
|
|
accent: "#87ceeb",
|
|
"accent-foreground": "#000000",
|
|
destructive: "#ef4444",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#444444",
|
|
input: "#444444",
|
|
ring: "#ff99cc",
|
|
"chart-1": "#ff99cc",
|
|
"chart-2": "#33cc33",
|
|
"chart-3": "#87ceeb",
|
|
"chart-4": "#ffff00",
|
|
"chart-5": "#ffcc00",
|
|
radius: "0.5rem",
|
|
sidebar: "#1a1d23",
|
|
"sidebar-foreground": "#e5e5e5",
|
|
"sidebar-primary": "#ff99cc",
|
|
"sidebar-primary-foreground": "#000000",
|
|
"sidebar-accent": "#87ceeb",
|
|
"sidebar-accent-foreground": "#000000",
|
|
"sidebar-border": "#444444",
|
|
"sidebar-ring": "#ff99cc",
|
|
},
|
|
},
|
|
},
|
|
"northern-lights": {
|
|
label: "Northern Lights",
|
|
styles: {
|
|
light: {
|
|
background: "#f9f9fa",
|
|
foreground: "#333333",
|
|
card: "#ffffff",
|
|
"card-foreground": "#333333",
|
|
popover: "#ffffff",
|
|
"popover-foreground": "#333333",
|
|
primary: "#34a85a",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#6495ed",
|
|
"secondary-foreground": "#ffffff",
|
|
muted: "#ddd9c4",
|
|
"muted-foreground": "#6e6e6e",
|
|
accent: "#66d9ef",
|
|
"accent-foreground": "#333333",
|
|
destructive: "#ef4444",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#d4d4d4",
|
|
input: "#d4d4d4",
|
|
ring: "#34a85a",
|
|
"chart-1": "#34a85a",
|
|
"chart-2": "#6495ed",
|
|
"chart-3": "#66d9ef",
|
|
"chart-4": "#4682b4",
|
|
"chart-5": "#1a9641",
|
|
radius: "0.5rem",
|
|
sidebar: "#f9f9fa",
|
|
"sidebar-foreground": "#333333",
|
|
"sidebar-primary": "#34a85a",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#66d9ef",
|
|
"sidebar-accent-foreground": "#333333",
|
|
"sidebar-border": "#d4d4d4",
|
|
"sidebar-ring": "#34a85a",
|
|
"font-sans": "Plus Jakarta Sans, sans-serif",
|
|
"font-serif": "Source Serif 4, serif",
|
|
"font-mono": "JetBrains Mono, monospace",
|
|
},
|
|
dark: {
|
|
background: "#1a1d23",
|
|
foreground: "#e5e5e5",
|
|
card: "#2f3436",
|
|
"card-foreground": "#e5e5e5",
|
|
popover: "#2f3436",
|
|
"popover-foreground": "#e5e5e5",
|
|
primary: "#34a85a",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#4682b4",
|
|
"secondary-foreground": "#e5e5e5",
|
|
muted: "#444444",
|
|
"muted-foreground": "#a3a3a3",
|
|
accent: "#6495ed",
|
|
"accent-foreground": "#e5e5e5",
|
|
destructive: "#ef4444",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#444444",
|
|
input: "#444444",
|
|
ring: "#34a85a",
|
|
"chart-1": "#34a85a",
|
|
"chart-2": "#4682b4",
|
|
"chart-3": "#6495ed",
|
|
"chart-4": "#66d9ef",
|
|
"chart-5": "#1a9641",
|
|
radius: "0.5rem",
|
|
sidebar: "#1a1d23",
|
|
"sidebar-foreground": "#e5e5e5",
|
|
"sidebar-primary": "#34a85a",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#6495ed",
|
|
"sidebar-accent-foreground": "#e5e5e5",
|
|
"sidebar-border": "#444444",
|
|
"sidebar-ring": "#34a85a",
|
|
},
|
|
},
|
|
},
|
|
"vintage-paper": {
|
|
label: "Vintage Paper",
|
|
styles: {
|
|
light: {
|
|
background: "#f5f1e6",
|
|
foreground: "#4a3f35",
|
|
card: "#fffcf5",
|
|
"card-foreground": "#4a3f35",
|
|
popover: "#fffcf5",
|
|
"popover-foreground": "#4a3f35",
|
|
primary: "#a67c52",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#e2d8c3",
|
|
"secondary-foreground": "#5c4d3f",
|
|
muted: "#ece5d8",
|
|
"muted-foreground": "#7d6b56",
|
|
accent: "#d4c8aa",
|
|
"accent-foreground": "#4a3f35",
|
|
destructive: "#b54a35",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#dbd0ba",
|
|
input: "#dbd0ba",
|
|
ring: "#a67c52",
|
|
"chart-1": "#a67c52",
|
|
"chart-2": "#8d6e4c",
|
|
"chart-3": "#735a3a",
|
|
"chart-4": "#b3906f",
|
|
"chart-5": "#c0a080",
|
|
radius: "0.25rem",
|
|
sidebar: "#ece5d8",
|
|
"sidebar-foreground": "#4a3f35",
|
|
"sidebar-primary": "#a67c52",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#d4c8aa",
|
|
"sidebar-accent-foreground": "#4a3f35",
|
|
"sidebar-border": "#dbd0ba",
|
|
"sidebar-ring": "#a67c52",
|
|
"font-sans": "Libre Baskerville, serif",
|
|
"font-serif": "Lora, serif",
|
|
"font-mono": "IBM Plex Mono, monospace",
|
|
"shadow-color": "hsl(28 13% 20%)",
|
|
"shadow-opacity": "0.12",
|
|
"shadow-blur": "5px",
|
|
"shadow-spread": "0px",
|
|
"shadow-offset-x": "2px",
|
|
"shadow-offset-y": "3px",
|
|
},
|
|
dark: {
|
|
background: "#2d2621",
|
|
foreground: "#ece5d8",
|
|
card: "#3a322c",
|
|
"card-foreground": "#ece5d8",
|
|
popover: "#3a322c",
|
|
"popover-foreground": "#ece5d8",
|
|
primary: "#c0a080",
|
|
"primary-foreground": "#2d2621",
|
|
secondary: "#4a4039",
|
|
"secondary-foreground": "#ece5d8",
|
|
muted: "#3a322c",
|
|
"muted-foreground": "#c5bcac",
|
|
accent: "#59493e",
|
|
"accent-foreground": "#ece5d8",
|
|
destructive: "#b54a35",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#4a4039",
|
|
input: "#4a4039",
|
|
ring: "#c0a080",
|
|
"chart-1": "#c0a080",
|
|
"chart-2": "#b3906f",
|
|
"chart-3": "#a67c52",
|
|
"chart-4": "#8d6e4c",
|
|
"chart-5": "#735a3a",
|
|
radius: "0.25rem",
|
|
sidebar: "#2d2621",
|
|
"sidebar-foreground": "#ece5d8",
|
|
"sidebar-primary": "#c0a080",
|
|
"sidebar-primary-foreground": "#2d2621",
|
|
"sidebar-accent": "#59493e",
|
|
"sidebar-accent-foreground": "#ece5d8",
|
|
"sidebar-border": "#4a4039",
|
|
"sidebar-ring": "#c0a080",
|
|
},
|
|
},
|
|
},
|
|
"sunset-horizon": {
|
|
label: "Sunset Horizon",
|
|
styles: {
|
|
light: {
|
|
background: "#fff9f5",
|
|
foreground: "#3d3436",
|
|
card: "#ffffff",
|
|
"card-foreground": "#3d3436",
|
|
popover: "#ffffff",
|
|
"popover-foreground": "#3d3436",
|
|
primary: "#ff7e5f",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#ffedea",
|
|
"secondary-foreground": "#b35340",
|
|
muted: "#fff0eb",
|
|
"muted-foreground": "#785652",
|
|
accent: "#feb47b",
|
|
"accent-foreground": "#3d3436",
|
|
destructive: "#e63946",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#ffe0d6",
|
|
input: "#ffe0d6",
|
|
ring: "#ff7e5f",
|
|
"chart-1": "#ff7e5f",
|
|
"chart-2": "#feb47b",
|
|
"chart-3": "#ffcaa7",
|
|
"chart-4": "#ffad8f",
|
|
"chart-5": "#ce6a57",
|
|
radius: "0.625rem",
|
|
sidebar: "#fff0eb",
|
|
"sidebar-foreground": "#3d3436",
|
|
"sidebar-primary": "#ff7e5f",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#feb47b",
|
|
"sidebar-accent-foreground": "#3d3436",
|
|
"sidebar-border": "#ffe0d6",
|
|
"sidebar-ring": "#ff7e5f",
|
|
"font-sans": "Montserrat, sans-serif",
|
|
"font-serif": "Merriweather, serif",
|
|
"font-mono": "Ubuntu Mono, monospace",
|
|
"shadow-color": "hsl(0 0% 0%)",
|
|
"shadow-opacity": "0.09",
|
|
"shadow-blur": "12px",
|
|
"shadow-spread": "-3px",
|
|
"shadow-offset-x": "0px",
|
|
"shadow-offset-y": "6px",
|
|
},
|
|
dark: {
|
|
background: "#2a2024",
|
|
foreground: "#f2e9e4",
|
|
card: "#392f35",
|
|
"card-foreground": "#f2e9e4",
|
|
popover: "#392f35",
|
|
"popover-foreground": "#f2e9e4",
|
|
primary: "#ff7e5f",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#463a41",
|
|
"secondary-foreground": "#f2e9e4",
|
|
muted: "#392f35",
|
|
"muted-foreground": "#d7c6bc",
|
|
accent: "#feb47b",
|
|
"accent-foreground": "#2a2024",
|
|
destructive: "#e63946",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#463a41",
|
|
input: "#463a41",
|
|
ring: "#ff7e5f",
|
|
"chart-1": "#ff7e5f",
|
|
"chart-2": "#feb47b",
|
|
"chart-3": "#ffcaa7",
|
|
"chart-4": "#ffad8f",
|
|
"chart-5": "#ce6a57",
|
|
radius: "0.625rem",
|
|
sidebar: "#2a2024",
|
|
"sidebar-foreground": "#f2e9e4",
|
|
"sidebar-primary": "#ff7e5f",
|
|
"sidebar-primary-foreground": "#ffffff",
|
|
"sidebar-accent": "#feb47b",
|
|
"sidebar-accent-foreground": "#2a2024",
|
|
"sidebar-border": "#463a41",
|
|
"sidebar-ring": "#ff7e5f",
|
|
},
|
|
},
|
|
},
|
|
|
|
"starry-night": {
|
|
label: "Starry Night",
|
|
createdAt: "2025-04-16",
|
|
styles: {
|
|
light: {
|
|
background: "#f5f7fa",
|
|
foreground: "#1a2238",
|
|
card: "#e3eaf2",
|
|
"card-foreground": "#1a2238",
|
|
popover: "#fffbe6",
|
|
"popover-foreground": "#1a2238",
|
|
primary: "#3a5ba0",
|
|
"primary-foreground": "#fffbe6",
|
|
secondary: "#f7c873",
|
|
"secondary-foreground": "#1a2238",
|
|
muted: "#e5e5df",
|
|
"muted-foreground": "#3a5ba0",
|
|
accent: "#6ea3c1",
|
|
"accent-foreground": "#fffbe6",
|
|
destructive: "#2d1e2f",
|
|
"destructive-foreground": "#fffbe6",
|
|
border: "#b0b8c1",
|
|
input: "#6ea3c1",
|
|
ring: "#f7c873",
|
|
"chart-1": "#3a5ba0",
|
|
"chart-2": "#f7c873",
|
|
"chart-3": "#6ea3c1",
|
|
"chart-4": "#b0b8c1",
|
|
"chart-5": "#2d1e2f",
|
|
sidebar: "#e3eaf2",
|
|
"sidebar-foreground": "#1a2238",
|
|
"sidebar-primary": "#3a5ba0",
|
|
"sidebar-primary-foreground": "#fffbe6",
|
|
"sidebar-accent": "#f7c873",
|
|
"sidebar-accent-foreground": "#1a2238",
|
|
"sidebar-border": "#b0b8c1",
|
|
"sidebar-ring": "#f7c873",
|
|
"font-sans": "Libre Baskerville, serif",
|
|
radius: "0.5rem",
|
|
},
|
|
dark: {
|
|
background: "#181a24",
|
|
foreground: "#e6eaf3",
|
|
card: "#23243a",
|
|
"card-foreground": "#e6eaf3",
|
|
popover: "#23243a",
|
|
"popover-foreground": "#ffe066",
|
|
primary: "#3a5ba0",
|
|
"primary-foreground": "#ffe066",
|
|
secondary: "#ffe066",
|
|
"secondary-foreground": "#23243a",
|
|
muted: "#23243a",
|
|
"muted-foreground": "#7a88a1",
|
|
accent: "#bccdf0",
|
|
"accent-foreground": "#181a24",
|
|
destructive: "#a04a6c",
|
|
"destructive-foreground": "#ffe066",
|
|
border: "#2d2e3e",
|
|
input: "#3a5ba0",
|
|
ring: "#ffe066",
|
|
"chart-1": "#3a5ba0",
|
|
"chart-2": "#ffe066",
|
|
"chart-3": "#6ea3c1",
|
|
"chart-4": "#7a88a1",
|
|
"chart-5": "#a04a6c",
|
|
sidebar: "#23243a",
|
|
"sidebar-foreground": "#e6eaf3",
|
|
"sidebar-primary": "#3a5ba0",
|
|
"sidebar-primary-foreground": "#ffe066",
|
|
"sidebar-accent": "#ffe066",
|
|
"sidebar-accent-foreground": "#23243a",
|
|
"sidebar-border": "#2d2e3e",
|
|
"sidebar-ring": "#ffe066",
|
|
radius: "0.5rem",
|
|
},
|
|
},
|
|
},
|
|
|
|
claude: {
|
|
label: "Claude",
|
|
styles: {
|
|
light: {
|
|
background: "#faf9f5",
|
|
foreground: "#3d3929",
|
|
card: "#faf9f5",
|
|
"card-foreground": "#141413",
|
|
popover: "#ffffff",
|
|
"popover-foreground": "#28261b",
|
|
primary: "#c96442",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#e9e6dc",
|
|
"secondary-foreground": "#535146",
|
|
muted: "#ede9de",
|
|
"muted-foreground": "#83827d",
|
|
accent: "#e9e6dc",
|
|
"accent-foreground": "#28261b",
|
|
destructive: "#141413",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#dad9d4",
|
|
input: "#b4b2a7",
|
|
ring: "#207fde",
|
|
"chart-1": "#b05730",
|
|
"chart-2": "#9c87f5",
|
|
"chart-3": "#ded8c4",
|
|
"chart-4": "#dbd3f0",
|
|
"chart-5": "#b4552d",
|
|
sidebar: "#f5f4ee",
|
|
"sidebar-foreground": "#3d3d3a",
|
|
"sidebar-primary": "#c96442",
|
|
"sidebar-primary-foreground": "#fbfbfb",
|
|
"sidebar-accent": "#e9e6dc",
|
|
"sidebar-accent-foreground": "#343434",
|
|
"sidebar-border": "#ebebeb",
|
|
"sidebar-ring": "#b5b5b5",
|
|
radius: "0.5rem",
|
|
},
|
|
dark: {
|
|
background: "#262624",
|
|
foreground: "#c3c0b6",
|
|
card: "#262624",
|
|
"card-foreground": "#faf9f5",
|
|
popover: "#30302e",
|
|
"popover-foreground": "#e5e5e2",
|
|
primary: "#d97757",
|
|
"primary-foreground": "#ffffff",
|
|
secondary: "#faf9f5",
|
|
"secondary-foreground": "#30302e",
|
|
muted: "#1b1b19",
|
|
"muted-foreground": "#b7b5a9",
|
|
accent: "#1a1915",
|
|
"accent-foreground": "#f5f4ee",
|
|
destructive: "#ef4444",
|
|
"destructive-foreground": "#ffffff",
|
|
border: "#3e3e38",
|
|
input: "#52514a",
|
|
ring: "#207fde",
|
|
"chart-1": "#b05730",
|
|
"chart-2": "#9c87f5",
|
|
"chart-3": "#1a1915",
|
|
"chart-4": "#2f2b48",
|
|
"chart-5": "#b4552d",
|
|
sidebar: "#1f1e1d",
|
|
"sidebar-foreground": "#c3c0b6",
|
|
"sidebar-primary": "#343434",
|
|
"sidebar-primary-foreground": "#fbfbfb",
|
|
"sidebar-accent": "#0f0f0e",
|
|
"sidebar-accent-foreground": "#c3c0b6",
|
|
"sidebar-border": "#ebebeb",
|
|
"sidebar-ring": "#b5b5b5",
|
|
},
|
|
},
|
|
},
|
|
|
|
vercel: {
|
|
label: "Vercel",
|
|
createdAt: "2025-04-13",
|
|
styles: {
|
|
light: {
|
|
background: "oklch(0.99 0 0)",
|
|
foreground: "oklch(0 0 0)",
|
|
card: "oklch(1.00 0 0)",
|
|
"card-foreground": "oklch(0 0 0)",
|
|
popover: "oklch(0.99 0 0)",
|
|
"popover-foreground": "oklch(0 0 0)",
|
|
primary: "oklch(0 0 0)",
|
|
"primary-foreground": "oklch(1.00 0 0)",
|
|
secondary: "oklch(0.94 0 0)",
|
|
"secondary-foreground": "oklch(0 0 0)",
|
|
muted: "oklch(0.97 0 0)",
|
|
"muted-foreground": "oklch(0.44 0 0)",
|
|
accent: "oklch(0.94 0 0)",
|
|
"accent-foreground": "oklch(0 0 0)",
|
|
destructive: "oklch(0.63 0.19 23.03)",
|
|
"destructive-foreground": "oklch(1.00 0 0)",
|
|
border: "oklch(0.92 0 0)",
|
|
input: "oklch(0.94 0 0)",
|
|
ring: "oklch(0 0 0)",
|
|
"chart-1": "oklch(0.81 0.17 75.35)",
|
|
"chart-2": "oklch(0.55 0.22 264.53)",
|
|
"chart-3": "oklch(0.72 0 0)",
|
|
"chart-4": "oklch(0.92 0 0)",
|
|
"chart-5": "oklch(0.56 0 0)",
|
|
sidebar: "oklch(0.99 0 0)",
|
|
"sidebar-foreground": "oklch(0 0 0)",
|
|
"sidebar-primary": "oklch(0 0 0)",
|
|
"sidebar-primary-foreground": "oklch(1.00 0 0)",
|
|
"sidebar-accent": "oklch(0.94 0 0)",
|
|
"sidebar-accent-foreground": "oklch(0 0 0)",
|
|
"sidebar-border": "oklch(0.94 0 0)",
|
|
"sidebar-ring": "oklch(0 0 0)",
|
|
"font-sans": "Geist, sans-serif",
|
|
"font-serif": "Georgia, serif",
|
|
"font-mono": "Geist Mono, monospace",
|
|
radius: "0.5rem",
|
|
"shadow-color": "hsl(0 0% 0%)",
|
|
"shadow-opacity": "0.18",
|
|
"shadow-blur": "2px",
|
|
"shadow-spread": "0px",
|
|
"shadow-offset-x": "0px",
|
|
"shadow-offset-y": "1px",
|
|
},
|
|
|
|
dark: {
|
|
background: "oklch(0 0 0)",
|
|
foreground: "oklch(1.00 0 0)",
|
|
card: "oklch(0.14 0 0)",
|
|
"card-foreground": "oklch(1.00 0 0)",
|
|
popover: "oklch(0.18 0 0)",
|
|
"popover-foreground": "oklch(1.00 0 0)",
|
|
primary: "oklch(1.00 0 0)",
|
|
"primary-foreground": "oklch(0 0 0)",
|
|
secondary: "oklch(0.25 0 0)",
|
|
"secondary-foreground": "oklch(1.00 0 0)",
|
|
muted: "oklch(0.23 0 0)",
|
|
"muted-foreground": "oklch(0.72 0 0)",
|
|
accent: "oklch(0.32 0 0)",
|
|
"accent-foreground": "oklch(1.00 0 0)",
|
|
destructive: "oklch(0.69 0.20 23.91)",
|
|
"destructive-foreground": "oklch(0 0 0)",
|
|
border: "oklch(0.26 0 0)",
|
|
input: "oklch(0.32 0 0)",
|
|
ring: "oklch(0.72 0 0)",
|
|
"chart-1": "oklch(0.81 0.17 75.35)",
|
|
"chart-2": "oklch(0.58 0.21 260.84)",
|
|
"chart-3": "oklch(0.56 0 0)",
|
|
"chart-4": "oklch(0.44 0 0)",
|
|
"chart-5": "oklch(0.92 0 0)",
|
|
sidebar: "oklch(0.18 0 0)",
|
|
"sidebar-foreground": "oklch(1.00 0 0)",
|
|
"sidebar-primary": "oklch(1.00 0 0)",
|
|
"sidebar-primary-foreground": "oklch(0 0 0)",
|
|
"sidebar-accent": "oklch(0.32 0 0)",
|
|
"sidebar-accent-foreground": "oklch(1.00 0 0)",
|
|
"sidebar-border": "oklch(0.32 0 0)",
|
|
"sidebar-ring": "oklch(0.72 0 0)",
|
|
"font-sans": "Geist, sans-serif",
|
|
"font-serif": "Georgia, serif",
|
|
"font-mono": "Geist Mono, monospace",
|
|
},
|
|
},
|
|
},
|
|
};
|