PICO-8

1
:root {
2
  --background: var(--color-white);
3
  --foreground: var(--color-pico-slate);
4
  --card: var(--color-white);
5
  --card-foreground: var(--color-pico-slate);
6
  --popover: var(--color-white);
7
  --popover-foreground: var(--color-pico-slate);
8
  --muted: var(--color-white);
9
  --muted-foreground: var(--color-pico-silver);
10
  --accent: var(--color-white);
11
  --accent-foreground: var(--color-pico-black);
12
  --border: var(--color-pico-silver);
13
  --input: var(--color-pico-silver);
14
  --ring: var(--color-pico-slate);
15
  --primary: var(--color-pico-sky);
16
  --primary-foreground: var(--color-pico-navy);
17
  --info: var(--color-pico-lavender);
18
  --info-foreground: var(--color-pico-cream);
19
  --success: var(--color-pico-lime);
20
  --success-foreground: var(--color-pico-forest);
21
  --warning: var(--color-pico-yellow);
22
  --warning-foreground: var(--color-pico-brown);
23
  --danger: var(--color-pico-peach);
24
  --danger-foreground: var(--color-pico-red);
25
}
26
.dark,
27
[data-theme="dark"] {
28
  --background: var(--color-pico-black);
29
  --foreground: var(--color-pico-silver);
30
  --card: var(--color-pico-black);
31
  --card-foreground: var(--color-pico-silver);
32
  --popover: var(--color-pico-black);
33
  --popover-foreground: var(--color-pico-silver);
34
  --muted: var(--color-pico-black);
35
  --muted-foreground: var(--color-pico-slate);
36
  --accent: var(--color-pico-black);
37
  --accent-foreground: var(--color-pico-cream);
38
  --border: var(--color-pico-slate);
39
  --input: var(--color-pico-slate);
40
  --ring: var(--color-pico-silver);
41
  --primary: var(--color-pico-navy);
42
  --primary-foreground: var(--color-pico-sky);
43
  --info: var(--color-pico-maroon);
44
  --info-foreground: var(--color-pico-cream);
45
  --success: var(--color-pico-forest);
46
  --success-foreground: var(--color-pico-lime);
47
  --warning: var(--color-pico-orange);
48
  --warning-foreground: var(--color-pico-yellow);
49
  --danger: var(--color-pico-red);
50
  --danger-foreground: var(--color-pico-peach);
51
}