token-deathclock/styles/variables.css at main · nitrocode/token-deathclock · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
/* =============================================================
   AI DEATH CLOCK — Styles
   Supports dark mode (default) and light mode via [data-theme]
   ============================================================= */

/* ---- CSS Variables ---- */
:root[data-theme="dark"],
:root {
  --bg:           #0a0a0a;
  --bg-alt:       #111111;
  --surface:      #161616;
  --surface-2:    #1e1e1e;
  --surface-3:    #2a2a2a;
  --text:         #e8e8e8;
  --text-dim:     #888888;
  --text-muted:   #555555;
  --accent:       #ff3333;
  --accent-glow:  rgba(255,51,51,0.35);
  --accent-2:     #ff8800;
  --accent-3:     #00cc77;
  --accent-4:     #4af;
  --border:       #2a2a2a;
  --border-glow:  rgba(255,51,51,0.18);
  --shadow:       rgba(0,0,0,0.6);
  --scan-opacity: 0.03;
  --toggle-icon:  "☀️ Light Mode";
  color-scheme: dark;
}

:root[data-theme="light"] {
  --bg:           #f0f3f0;
  --bg-alt:       #e8ebe8;
  --surface:      #ffffff;
  --surface-2:    #f5f7f5;
  --surface-3:    #eaecea;
  --text:         #1a1a1a;
  --text-dim:     #555555;
  --text-muted:   #aaaaaa;
  --accent:       #cc0000;
  --accent-glow:  rgba(204,0,0,0.2);
  --accent-2:     #cc6600;
  --accent-3:     #006633;
  --accent-4:     #0055aa;
  --border:       #d8dbd8;
  --border-glow:  rgba(204,0,0,0.12);
  --shadow:       rgba(0,0,0,0.12);
  --scan-opacity: 0;
  color-scheme: light;
}