mirror of
https://github.com/luxfi/indexer.git
synced 2026-09-24 00:25:37 +00:00
58 lines
1.8 KiB
CSS
58 lines
1.8 KiB
CSS
@import "tailwindcss";
|
|
@import "@hanzo/ui/base/style.css";
|
|
/* Zen — the faces and the --font-sans / --font-mono role tokens. */
|
|
@import "@hanzo/design/tokens/fonts.css";
|
|
|
|
@theme inline {
|
|
--color-background: hsl(0 0% 100%);
|
|
--color-foreground: hsl(0 0% 3.9%);
|
|
--color-card: hsl(0 0% 100%);
|
|
--color-card-foreground: hsl(0 0% 3.9%);
|
|
--color-popover: hsl(0 0% 100%);
|
|
--color-popover-foreground: hsl(0 0% 3.9%);
|
|
--color-primary: hsl(0 0% 9%);
|
|
--color-primary-foreground: hsl(0 0% 98%);
|
|
--color-secondary: hsl(0 0% 96.1%);
|
|
--color-secondary-foreground: hsl(0 0% 9%);
|
|
--color-muted: hsl(0 0% 96.1%);
|
|
--color-muted-foreground: hsl(0 0% 45.1%);
|
|
--color-accent: hsl(0 0% 96.1%);
|
|
--color-accent-foreground: hsl(0 0% 9%);
|
|
--color-destructive: hsl(0 84.2% 60.2%);
|
|
--color-destructive-foreground: hsl(0 0% 98%);
|
|
--color-border: hsl(0 0% 89.8%);
|
|
--color-input: hsl(0 0% 89.8%);
|
|
--color-ring: hsl(0 0% 3.9%);
|
|
--radius: 0.5rem;
|
|
}
|
|
|
|
@custom-variant dark (&:is(.dark, .dark *));
|
|
|
|
.dark {
|
|
--color-background: hsl(0 0% 3.9%);
|
|
--color-foreground: hsl(0 0% 98%);
|
|
--color-card: hsl(0 0% 3.9%);
|
|
--color-card-foreground: hsl(0 0% 98%);
|
|
--color-popover: hsl(0 0% 3.9%);
|
|
--color-popover-foreground: hsl(0 0% 98%);
|
|
--color-primary: hsl(0 0% 98%);
|
|
--color-primary-foreground: hsl(0 0% 9%);
|
|
--color-secondary: hsl(0 0% 14.9%);
|
|
--color-secondary-foreground: hsl(0 0% 98%);
|
|
--color-muted: hsl(0 0% 14.9%);
|
|
--color-muted-foreground: hsl(0 0% 63.9%);
|
|
--color-accent: hsl(0 0% 14.9%);
|
|
--color-accent-foreground: hsl(0 0% 98%);
|
|
--color-destructive: hsl(0 62.8% 30.6%);
|
|
--color-destructive-foreground: hsl(0 0% 98%);
|
|
--color-border: hsl(0 0% 14.9%);
|
|
--color-input: hsl(0 0% 14.9%);
|
|
--color-ring: hsl(0 0% 83.1%);
|
|
}
|
|
|
|
body {
|
|
color: var(--color-foreground);
|
|
background: var(--color-background);
|
|
font-family: var(--font-sans);
|
|
}
|