Apply linen design system across app
This commit is contained in:
@@ -0,0 +1,37 @@
|
||||
:root {
|
||||
/* Surfaces */
|
||||
--bg: oklch(0.965 0.012 75);
|
||||
--surface: oklch(0.985 0.008 75);
|
||||
--surface-2: oklch(0.975 0.010 75);
|
||||
--surface-week: oklch(0.945 0.014 75);
|
||||
|
||||
/* Ink */
|
||||
--ink: oklch(0.26 0.015 45);
|
||||
--ink-soft: oklch(0.45 0.015 45);
|
||||
--ink-muted: oklch(0.60 0.012 45);
|
||||
--ink-faint: oklch(0.76 0.010 45);
|
||||
|
||||
/* Hairlines */
|
||||
--hairline: oklch(0.90 0.012 75);
|
||||
--hairline-soft: oklch(0.93 0.010 75);
|
||||
|
||||
/* Accent */
|
||||
--accent: oklch(0.58 0.11 38);
|
||||
--accent-deep: oklch(0.42 0.10 38);
|
||||
--accent-soft: oklch(0.93 0.04 38);
|
||||
--accent-mid: oklch(0.82 0.07 38);
|
||||
|
||||
/* Semantic */
|
||||
--good: oklch(0.55 0.10 155);
|
||||
--good-soft: oklch(0.94 0.03 155);
|
||||
--warn: oklch(0.62 0.10 70);
|
||||
--warn-soft: oklch(0.95 0.04 70);
|
||||
--danger: oklch(0.55 0.13 25);
|
||||
--danger-soft: oklch(0.95 0.04 25);
|
||||
|
||||
--focus-ring: oklch(0.85 0.07 38 / 0.30);
|
||||
--paper-pattern: radial-gradient(
|
||||
oklch(0.85 0.02 75 / 0.10) 1px,
|
||||
transparent 1px
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user