feat(ui): add shared design token aliases
This commit is contained in:
parent
0e3752ecd8
commit
ce85504066
@ -1,3 +1,5 @@
|
||||
@import '@bytelyst/design-tokens/generated/tokens.css';
|
||||
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
@ -30,6 +32,29 @@
|
||||
--header: rgba(255, 255, 255, 0.88);
|
||||
--card-shadow: 0 24px 70px rgba(15, 23, 42, 0.10);
|
||||
--hero-gradient: linear-gradient(135deg, #eff6ff 0%, #ffffff 45%, #eefbf5 100%);
|
||||
--bl-accent: var(--accent);
|
||||
--bl-accent-muted: var(--accent-soft);
|
||||
--bl-accent-foreground: var(--primary-foreground);
|
||||
--bl-bg-canvas: var(--background);
|
||||
--bl-bg-elevated: var(--card-elevated);
|
||||
--bl-surface-card: var(--card);
|
||||
--bl-surface-muted: var(--muted);
|
||||
--bl-text-primary: var(--foreground);
|
||||
--bl-text-secondary: var(--muted-foreground);
|
||||
--bl-text-tertiary: color-mix(in oklab, var(--muted-foreground) 76%, var(--background));
|
||||
--bl-border: var(--border);
|
||||
--bl-success: var(--ml-success);
|
||||
--bl-success-muted: color-mix(in oklab, var(--bl-success) 12%, var(--background));
|
||||
--bl-warning: var(--ml-warning);
|
||||
--bl-warning-muted: color-mix(in oklab, var(--bl-warning) 14%, var(--background));
|
||||
--bl-danger: var(--destructive);
|
||||
--bl-danger-muted: color-mix(in oklab, var(--bl-danger) 12%, var(--background));
|
||||
--bl-info: var(--accent);
|
||||
--bl-info-muted: var(--accent-soft);
|
||||
--bl-focus-ring: var(--ring);
|
||||
--bl-focus-ring-muted: var(--ring-soft);
|
||||
--bl-radius-control: 0.5rem;
|
||||
--bl-radius-surface: 0.75rem;
|
||||
|
||||
font-synthesis: none;
|
||||
text-rendering: optimizeLegibility;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user