Created
December 10, 2025 14:00
-
-
Save ccssmnn/cf9dd1439138b9af93e9cd22cf6c947d to your computer and use it in GitHub Desktop.
Reiner Theme
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| :root { | |
| --background: oklch(0.6937 0.2269 354.0940); | |
| --foreground: oklch(0.2061 0.0708 354.1158); | |
| --card: oklch(0.7610 0.1693 350.6028); | |
| --card-foreground: oklch(0.2061 0.0708 354.1158); | |
| --popover: oklch(0.7855 0.1492 349.7589); | |
| --popover-foreground: oklch(0.2061 0.0708 354.1158); | |
| --primary: oklch(0.4925 0.2526 307.3464); | |
| --primary-foreground: oklch(1.0000 0 0); | |
| --secondary: oklch(0.5459 0.2709 289.0459); | |
| --secondary-foreground: oklch(1.0000 0 0); | |
| --muted: oklch(0.8027 0.1355 349.2347); | |
| --muted-foreground: oklch(0.4014 0.1331 354.3024); | |
| --accent: oklch(0.6394 0.3092 318.5427); | |
| --accent-foreground: oklch(1.0000 0 0); | |
| --destructive: oklch(0.6280 0.2577 29.2339); | |
| --destructive-foreground: oklch(1.0000 0 0); | |
| --border: oklch(0.8969 0.0660 346.9710); | |
| --input: oklch(0.8483 0.1006 348.0366); | |
| --ring: oklch(0.4925 0.2526 307.3464); | |
| --chart-1: oklch(0.4925 0.2526 307.3464); | |
| --chart-2: oklch(0.5459 0.2709 289.0459); | |
| --chart-3: oklch(0.8818 0.1808 94.2408); | |
| --chart-4: oklch(0.7398 0.1974 151.3708); | |
| --chart-5: oklch(0.7162 0.3030 328.1831); | |
| --sidebar: oklch(0.6787 0.2394 355.4216); | |
| --sidebar-foreground: oklch(0.1445 0.0458 349.5999); | |
| --sidebar-primary: oklch(0.4466 0.2288 307.5687); | |
| --sidebar-primary-foreground: oklch(1.0000 0 0); | |
| --sidebar-accent: oklch(0.5907 0.2856 318.6039); | |
| --sidebar-accent-foreground: oklch(1.0000 0 0); | |
| --sidebar-border: oklch(0.8027 0.1355 349.2347); | |
| --sidebar-ring: oklch(0.4466 0.2288 307.5687); | |
| --font-sans: "Comic Sans MS", cursive, sans-serif; | |
| --font-serif: "Times New Roman", serif; | |
| --font-mono: "Courier New", monospace; | |
| --radius: 1rem; | |
| --shadow-x: 0px; | |
| --shadow-y: 0.7rem; | |
| --shadow-blur: 1.2rem; | |
| --shadow-spread: -0.4rem; | |
| --shadow-opacity: 0.4; | |
| --shadow-color: hsl(330, 100%, 50%); | |
| --shadow-2xs: 0px 0.7rem 1.2rem -0.4rem hsl(330 100% 50% / 0.20); | |
| --shadow-xs: 0px 0.7rem 1.2rem -0.4rem hsl(330 100% 50% / 0.20); | |
| --shadow-sm: 0px 0.7rem 1.2rem -0.4rem hsl(330 100% 50% / 0.40), 0px 1px 2px -1.4px hsl(330 100% 50% / 0.40); | |
| --shadow: 0px 0.7rem 1.2rem -0.4rem hsl(330 100% 50% / 0.40), 0px 1px 2px -1.4px hsl(330 100% 50% / 0.40); | |
| --shadow-md: 0px 0.7rem 1.2rem -0.4rem hsl(330 100% 50% / 0.40), 0px 2px 4px -1.4px hsl(330 100% 50% / 0.40); | |
| --shadow-lg: 0px 0.7rem 1.2rem -0.4rem hsl(330 100% 50% / 0.40), 0px 4px 6px -1.4px hsl(330 100% 50% / 0.40); | |
| --shadow-xl: 0px 0.7rem 1.2rem -0.4rem hsl(330 100% 50% / 0.40), 0px 8px 10px -1.4px hsl(330 100% 50% / 0.40); | |
| --shadow-2xl: 0px 0.7rem 1.2rem -0.4rem hsl(330 100% 50% / 1.00); | |
| --tracking-normal: 0.08em; | |
| --spacing: 0.25rem; | |
| } | |
| .dark { | |
| --background: oklch(0.6937 0.2269 354.0940); | |
| --foreground: oklch(0.2061 0.0708 354.1158); | |
| --card: oklch(0.7610 0.1693 350.6028); | |
| --card-foreground: oklch(0.2061 0.0708 354.1158); | |
| --popover: oklch(0.7855 0.1492 349.7589); | |
| --popover-foreground: oklch(0.2061 0.0708 354.1158); | |
| --primary: oklch(0.4925 0.2526 307.3464); | |
| --primary-foreground: oklch(1.0000 0 0); | |
| --secondary: oklch(0.5459 0.2709 289.0459); | |
| --secondary-foreground: oklch(1.0000 0 0); | |
| --muted: oklch(0.8027 0.1355 349.2347); | |
| --muted-foreground: oklch(0.4014 0.1331 354.3024); | |
| --accent: oklch(0.6394 0.3092 318.5427); | |
| --accent-foreground: oklch(1.0000 0 0); | |
| --destructive: oklch(0.6280 0.2577 29.2339); | |
| --destructive-foreground: oklch(1.0000 0 0); | |
| --border: oklch(0.8969 0.0660 346.9710); | |
| --input: oklch(0.8483 0.1006 348.0366); | |
| --ring: oklch(0.4925 0.2526 307.3464); | |
| --chart-1: oklch(0.4925 0.2526 307.3464); | |
| --chart-2: oklch(0.5459 0.2709 289.0459); | |
| --chart-3: oklch(0.8818 0.1808 94.2408); | |
| --chart-4: oklch(0.7398 0.1974 151.3708); | |
| --chart-5: oklch(0.7162 0.3030 328.1831); | |
| --sidebar: oklch(0.6787 0.2394 355.4216); | |
| --sidebar-foreground: oklch(0.1445 0.0458 349.5999); | |
| --sidebar-primary: oklch(0.4466 0.2288 307.5687); | |
| --sidebar-primary-foreground: oklch(1.0000 0 0); | |
| --sidebar-accent: oklch(0.5907 0.2856 318.6039); | |
| --sidebar-accent-foreground: oklch(1.0000 0 0); | |
| --sidebar-border: oklch(0.8027 0.1355 349.2347); | |
| --sidebar-ring: oklch(0.4466 0.2288 307.5687); | |
| --font-sans: "Comic Sans MS", cursive, sans-serif; | |
| --font-serif: "Times New Roman", serif; | |
| --font-mono: "Courier New", monospace; | |
| --radius: 1rem; | |
| --shadow-x: 0px; | |
| --shadow-y: 0.7rem; | |
| --shadow-blur: 1.2rem; | |
| --shadow-spread: -0.4rem; | |
| --shadow-opacity: 0.4; | |
| --shadow-color: hsl(330, 100%, 50%); | |
| --shadow-2xs: 0px 0.7rem 1.2rem -0.4rem hsl(330 100% 50% / 0.20); | |
| --shadow-xs: 0px 0.7rem 1.2rem -0.4rem hsl(330 100% 50% / 0.20); | |
| --shadow-sm: 0px 0.7rem 1.2rem -0.4rem hsl(330 100% 50% / 0.40), 0px 1px 2px -1.4px hsl(330 100% 50% / 0.40); | |
| --shadow: 0px 0.7rem 1.2rem -0.4rem hsl(330 100% 50% / 0.40), 0px 1px 2px -1.4px hsl(330 100% 50% / 0.40); | |
| --shadow-md: 0px 0.7rem 1.2rem -0.4rem hsl(330 100% 50% / 0.40), 0px 2px 4px -1.4px hsl(330 100% 50% / 0.40); | |
| --shadow-lg: 0px 0.7rem 1.2rem -0.4rem hsl(330 100% 50% / 0.40), 0px 4px 6px -1.4px hsl(330 100% 50% / 0.40); | |
| --shadow-xl: 0px 0.7rem 1.2rem -0.4rem hsl(330 100% 50% / 0.40), 0px 8px 10px -1.4px hsl(330 100% 50% / 0.40); | |
| --shadow-2xl: 0px 0.7rem 1.2rem -0.4rem hsl(330 100% 50% / 1.00); | |
| } | |
| @theme inline { | |
| --color-background: var(--background); | |
| --color-foreground: var(--foreground); | |
| --color-card: var(--card); | |
| --color-card-foreground: var(--card-foreground); | |
| --color-popover: var(--popover); | |
| --color-popover-foreground: var(--popover-foreground); | |
| --color-primary: var(--primary); | |
| --color-primary-foreground: var(--primary-foreground); | |
| --color-secondary: var(--secondary); | |
| --color-secondary-foreground: var(--secondary-foreground); | |
| --color-muted: var(--muted); | |
| --color-muted-foreground: var(--muted-foreground); | |
| --color-accent: var(--accent); | |
| --color-accent-foreground: var(--accent-foreground); | |
| --color-destructive: var(--destructive); | |
| --color-destructive-foreground: var(--destructive-foreground); | |
| --color-border: var(--border); | |
| --color-input: var(--input); | |
| --color-ring: var(--ring); | |
| --color-chart-1: var(--chart-1); | |
| --color-chart-2: var(--chart-2); | |
| --color-chart-3: var(--chart-3); | |
| --color-chart-4: var(--chart-4); | |
| --color-chart-5: var(--chart-5); | |
| --color-sidebar: var(--sidebar); | |
| --color-sidebar-foreground: var(--sidebar-foreground); | |
| --color-sidebar-primary: var(--sidebar-primary); | |
| --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); | |
| --color-sidebar-accent: var(--sidebar-accent); | |
| --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); | |
| --color-sidebar-border: var(--sidebar-border); | |
| --color-sidebar-ring: var(--sidebar-ring); | |
| --font-sans: var(--font-sans); | |
| --font-mono: var(--font-mono); | |
| --font-serif: var(--font-serif); | |
| --radius-sm: calc(var(--radius) - 4px); | |
| --radius-md: calc(var(--radius) - 2px); | |
| --radius-lg: var(--radius); | |
| --radius-xl: calc(var(--radius) + 4px); | |
| --shadow-2xs: var(--shadow-2xs); | |
| --shadow-xs: var(--shadow-xs); | |
| --shadow-sm: var(--shadow-sm); | |
| --shadow: var(--shadow); | |
| --shadow-md: var(--shadow-md); | |
| --shadow-lg: var(--shadow-lg); | |
| --shadow-xl: var(--shadow-xl); | |
| --shadow-2xl: var(--shadow-2xl); | |
| --tracking-tighter: calc(var(--tracking-normal) - 0.05em); | |
| --tracking-tight: calc(var(--tracking-normal) - 0.025em); | |
| --tracking-normal: var(--tracking-normal); | |
| --tracking-wide: calc(var(--tracking-normal) + 0.025em); | |
| --tracking-wider: calc(var(--tracking-normal) + 0.05em); | |
| --tracking-widest: calc(var(--tracking-normal) + 0.1em); | |
| } | |
| body { | |
| letter-spacing: var(--tracking-normal); | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment