Skip to content

Instantly share code, notes, and snippets.

@needim
Last active December 16, 2025 18:15
Show Gist options
  • Select an option

  • Save needim/eebd1a2f4e0918ae7111a77d4ccc2cca to your computer and use it in GitHub Desktop.

Select an option

Save needim/eebd1a2f4e0918ae7111a77d4ccc2cca to your computer and use it in GitHub Desktop.
@variant light {
--color-background: oklch(0.96 0 0 / 1);
--color-foreground: oklch(0 0 0 / 1);
--color-shell: oklch(0.96 0 0 / 1);
--color-card: oklch(1 0 0 / 1);
--color-card-foreground: oklch(0.21 0.03 204.06 / 1);
--color-popover: oklch(0.97 0 286.38 / 1);
--color-popover-foreground: oklch(0 0 0 / 1);
--color-primary: oklch(0.33 0 0 / 1);
--color-primary-foreground: oklch(0.99 0 0 / 1);
--color-secondary: oklch(0.87 0 0 / 1);
--color-secondary-foreground: oklch(0.33 0 0 / 1);
--color-muted: oklch(0.76 0.01 274.94 / 1);
--color-muted-foreground: oklch(0.56 0 0 / 1);
--color-accent: oklch(0.5092 0.1725 267.17);
--color-accent-foreground: oklch(1 0 0 / 1);
--color-destructive: oklch(0.67 0.19 30.69 / 1);
--color-destructive-foreground: oklch(1 0 0 / 1);
--color-border: oklch(0.93 0.01 286.27 / 1);
--color-input: oklch(0.87 0.01 286.26 / 1);
--color-ring: oklch(0.93 0.01 286.27 / 1);
--color-overlay: oklch(1 0 0 / 1);
}
@variant dark {
--color-background: oklch(0.18 0 0 / 1);
--color-foreground: oklch(1 0 0 / 1);
--color-shell: oklch(0.15 0 0 / 1);
--color-card: oklch(0.2 0.01 285.84 / 1);
--color-card-foreground: oklch(1 0 0 / 1);
--color-popover: oklch(0.28 0 286.16 / 1);
--color-popover-foreground: oklch(1 0 0 / 1);
--color-primary: oklch(0.99 0 0 / 1);
--color-primary-foreground: oklch(0.21 0.01 285.89 / 1);
--color-secondary: oklch(0.27 0.01 286.03 / 1);
--color-secondary-foreground: oklch(0.99 0 0 / 1);
--color-muted: oklch(0.4 0 286.17 / 1);
--color-muted-foreground: oklch(0.56 0 0 / 1);
--color-accent: oklch(0.5891 0.1758 269.3);
--color-accent-foreground: oklch(1 0 0 / 1);
--color-destructive: oklch(0.67 0.19 30.69 / 1);
--color-destructive-foreground: oklch(1 0 0 / 1);
--color-border: oklch(0.28 0 286.16 / 1);
--color-input: oklch(0.34 0 286.21 / 1);
--color-ring: oklch(0.28 0 286.16 / 1);
--color-overlay: oklch(0.23 0 0 / 1);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment