74 lines
3.3 KiB
CSS
74 lines
3.3 KiB
CSS
/* Import after tailwindcss. Both .dark and explicit dark theme selectors are supported. */
|
|
@custom-variant dark (&:where(.dark, .dark *, [data-theme="home-dark"], [data-theme="home-dark"] *, [data-theme="canvas-dark"], [data-theme="canvas-dark"] *));
|
|
@theme inline {
|
|
--color-background: var(--background);
|
|
--color-surface: var(--surface);
|
|
--color-foreground: var(--foreground);
|
|
--color-muted-foreground: var(--muted-foreground);
|
|
--color-primary: var(--primary);
|
|
--color-primary-foreground: var(--primary-foreground);
|
|
--color-accent: var(--accent);
|
|
--color-selection: var(--selection);
|
|
--color-border: var(--border);
|
|
--color-surface-raised: var(--surface-raised);
|
|
--color-surface-muted: var(--surface-muted);
|
|
--color-foreground-strong: var(--foreground-strong);
|
|
--color-primary-hover: var(--primary-hover);
|
|
--color-primary-active: var(--primary-active);
|
|
--color-secondary: var(--secondary);
|
|
--color-secondary-hover: var(--secondary-hover);
|
|
--color-secondary-active: var(--secondary-active);
|
|
--color-secondary-foreground: var(--secondary-foreground);
|
|
--color-link: var(--link);
|
|
--color-focus-ring: var(--focus-ring);
|
|
--color-control-border: var(--control-border);
|
|
--color-row-hover: var(--row-hover);
|
|
--color-disabled-background: var(--disabled-background);
|
|
--color-disabled-foreground: var(--disabled-foreground);
|
|
--color-success: var(--success);
|
|
--color-success-background: var(--success-background);
|
|
--color-warning: var(--warning);
|
|
--color-warning-background: var(--warning-background);
|
|
--color-danger: var(--danger);
|
|
--color-danger-hover: var(--danger-hover);
|
|
--color-danger-background: var(--danger-background);
|
|
--color-info: var(--info);
|
|
--color-info-background: var(--info-background);
|
|
--color-surface-muted-foreground: var(--surface-muted-foreground);
|
|
--color-brand-mocha: var(--brand-mocha);
|
|
--color-brand-orange: var(--brand-orange);
|
|
--color-brand-cream: var(--brand-cream);
|
|
--color-brand-oat: var(--brand-oat);
|
|
--color-orange-foreground: var(--orange-foreground);
|
|
--color-card: var(--card);
|
|
--color-card-foreground: var(--card-foreground);
|
|
--color-popover: var(--popover);
|
|
--color-popover-foreground: var(--popover-foreground);
|
|
--color-muted: var(--muted);
|
|
--color-accent-foreground: var(--accent-foreground);
|
|
--color-destructive: var(--destructive);
|
|
--color-destructive-foreground: var(--destructive-foreground);
|
|
--color-input: var(--input);
|
|
--color-ring: var(--ring);
|
|
--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);
|
|
--color-connector: var(--connector);
|
|
--color-selection-border: var(--selection-border);
|
|
--color-grid: var(--grid);
|
|
--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);
|
|
--radius-sm: calc(var(--radius) * 0.6);
|
|
--radius-md: calc(var(--radius) * 0.8);
|
|
--radius-lg: var(--radius);
|
|
--radius-xl: calc(var(--radius) * 1.4);
|
|
}
|