{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "theme", "type": "registry:file", "title": "Theme tokens", "description": "Default neutral shadcn theme tokens (oklch, .dark overrides).", "files": [ { "path": "styles/theme.css", "type": "registry:file", "target": "~/styles/shadcn-theme.css", "content": "/*\n * shadcn default theme tokens (neutral base color) for octane apps.\n * Ported from shadcn-ui/ui@4baadbc6517070ae8f8feb2c97037adc2b305544\n * apps/v4/app/globals.css (:root / .dark blocks) — values unchanged; the\n * site-only tokens (--surface, --code-*, --selection*) and the Tailwind-scale\n * chart references are omitted: --chart-1..5 get concrete oklch values here\n * because this file must stand alone without a Tailwind build.\n *\n * Dark mode follows the upstream contract: a `.dark` class on an ancestor\n * overrides the same custom properties.\n */\n:root {\n\t--radius: 0.625rem;\n\t--background: oklch(1 0 0);\n\t--foreground: oklch(0% 0 0);\n\t--card: oklch(1 0 0);\n\t--card-foreground: oklch(0% 0 0);\n\t--popover: oklch(1 0 0);\n\t--popover-foreground: oklch(0% 0 0);\n\t--primary: oklch(0% 0 0);\n\t--primary-foreground: oklch(0.985 0 0);\n\t--secondary: oklch(0.97 0 0);\n\t--secondary-foreground: oklch(0.205 0 0);\n\t--muted: oklch(0.97 0 0);\n\t--muted-foreground: oklch(0.556 0 0);\n\t--accent: oklch(0.97 0 0);\n\t--accent-foreground: oklch(0.205 0 0);\n\t--destructive: oklch(0.577 0.245 27.325);\n\t--destructive-foreground: oklch(0.97 0.01 17);\n\t--border: oklch(0.922 0 0);\n\t--input: oklch(0.922 0 0);\n\t--ring: oklch(0.708 0 0);\n\t--chart-1: oklch(0.809 0.096 251.813);\n\t--chart-2: oklch(0.623 0.214 259.815);\n\t--chart-3: oklch(0.546 0.245 262.881);\n\t--chart-4: oklch(0.488 0.243 264.376);\n\t--chart-5: oklch(0.424 0.199 265.638);\n\t--sidebar: oklch(0.985 0 0);\n\t--sidebar-foreground: oklch(0% 0 0);\n\t--sidebar-primary: oklch(0.205 0 0);\n\t--sidebar-primary-foreground: oklch(0.985 0 0);\n\t--sidebar-accent: oklch(0.97 0 0);\n\t--sidebar-accent-foreground: oklch(0.205 0 0);\n\t--sidebar-border: oklch(0.922 0 0);\n\t--sidebar-ring: oklch(0.708 0 0);\n}\n\n.dark {\n\t--background: oklch(0.145 0 0);\n\t--foreground: oklch(0.985 0 0);\n\t--card: oklch(0.205 0 0);\n\t--card-foreground: oklch(0.985 0 0);\n\t--popover: oklch(0.205 0 0);\n\t--popover-foreground: oklch(0.985 0 0);\n\t--primary: oklch(0.922 0 0);\n\t--primary-foreground: oklch(0.205 0 0);\n\t--secondary: oklch(0.269 0 0);\n\t--secondary-foreground: oklch(0.985 0 0);\n\t--muted: oklch(0.269 0 0);\n\t--muted-foreground: oklch(0.708 0 0);\n\t--accent: oklch(0.371 0 0);\n\t--accent-foreground: oklch(0.985 0 0);\n\t--destructive: oklch(0.704 0.191 22.216);\n\t--destructive-foreground: oklch(0.58 0.22 27);\n\t--border: oklch(1 0 0 / 10%);\n\t--input: oklch(1 0 0 / 15%);\n\t--ring: oklch(0.556 0 0);\n\t--chart-1: oklch(0.809 0.096 251.813);\n\t--chart-2: oklch(0.623 0.214 259.815);\n\t--chart-3: oklch(0.546 0.245 262.881);\n\t--chart-4: oklch(0.488 0.243 264.376);\n\t--chart-5: oklch(0.424 0.199 265.638);\n\t--sidebar: oklch(0.205 0 0);\n\t--sidebar-foreground: oklch(0.985 0 0);\n\t--sidebar-primary: oklch(0.488 0.243 264.376);\n\t--sidebar-primary-foreground: oklch(0.985 0 0);\n\t--sidebar-accent: oklch(0.269 0 0);\n\t--sidebar-accent-foreground: oklch(0.985 0 0);\n\t--sidebar-border: oklch(1 0 0 / 10%);\n\t--sidebar-ring: oklch(0.439 0 0);\n}\n\n/*\n * The three semantic hooks that survive in otherwise utilities-inlined\n * components, because they appear verbatim in the upstream sources: upstream\n * defines them in its style layer, so a package that ships those class strings\n * must ship their definitions too or they are inert. Kept framework-free (no\n * Tailwind @apply) so this file stands alone.\n */\n.cn-font-heading {\n\tfont-family: var(--font-heading, inherit);\n}\n\n/* Directional icons (chevrons, arrows) mirror in RTL. */\n[dir='rtl'] .cn-rtl-flip {\n\ttransform: scaleX(-1);\n}\n\n/* Sonner's toast host: the Toaster wrapper tags every toast with this class so\n * consumers have one stable selector; the toast's own visual styling comes\n * from sonner and the theme tokens above. */\n.cn-toast {\n\tborder-radius: calc(var(--radius) * 0.8);\n}\n" } ] }