Sovran/global.css at main · SovranBitcoin/Sovran · 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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
@import 'tailwindcss';
@import 'uniwind';
@import 'heroui-native/styles';

@source './node_modules/heroui-native/lib';

@theme {
  /* Static scales — var() references resolved at runtime via Uniwind.
     Hex values live in shared/lib/themeEngine.ts STATIC_COLORS (single source of truth). */
  --color-shade-0: var(--shade-0);
  --color-shade-50: var(--shade-50);
  --color-shade-100: var(--shade-100);
  --color-shade-200: var(--shade-200);
  --color-shade-300: var(--shade-300);
  --color-shade-400: var(--shade-400);
  --color-shade-500: var(--shade-500);

  --color-red-100: var(--red-100);
  --color-red-200: var(--red-200);
  --color-red-300: var(--red-300);
  --color-red-400: var(--red-400);
  --color-red-500: var(--red-500);

  --color-green-100: var(--green-100);
  --color-green-200: var(--green-200);
  --color-green-300: var(--green-300);
  --color-green-400: var(--green-400);
  --color-green-500: var(--green-500);

  --color-purple-100: var(--purple-100);
  --color-purple-200: var(--purple-200);
  --color-purple-300: var(--purple-300);
  --color-purple-400: var(--purple-400);
  --color-purple-500: var(--purple-500);

  --color-blue-100: var(--blue-100);
  --color-blue-200: var(--blue-200);
  --color-blue-300: var(--blue-300);
  --color-blue-400: var(--blue-400);
  --color-blue-500: var(--blue-500);

  --color-yellow-100: var(--yellow-100);
  --color-yellow-200: var(--yellow-200);
  --color-yellow-300: var(--yellow-300);
  --color-yellow-400: var(--yellow-400);
  --color-yellow-500: var(--yellow-500);

  --color-orange-100: var(--orange-100);
  --color-orange-200: var(--orange-200);
  --color-orange-300: var(--orange-300);
  --color-orange-400: var(--orange-400);
  --color-orange-500: var(--orange-500);

  /* Wallpaper-specific vars (overridden at runtime by themeEngine) */
  --color-dominant-100: var(--dominant-100);
  --color-dominant-200: var(--dominant-200);
  --color-dominant-300: var(--dominant-300);
  --color-dominant-400: var(--dominant-400);
  --color-dominant-500: var(--dominant-500);

  --color-gradient-100: var(--gradient-100);
  --color-gradient-200: var(--gradient-200);
  --color-gradient-300: var(--gradient-300);

  /* Skeleton loading placeholder — decoupled from accent */
  --color-skeleton: var(--skeleton);

  /* Backward-compat aliases for shadcn class names -> HeroUI tokens */
  --color-card: var(--surface);
  --color-card-foreground: var(--surface-foreground);
  --color-popover: var(--overlay);
  --color-popover-foreground: var(--overlay-foreground);
  --color-secondary: var(--surface-secondary);
  --color-secondary-foreground: var(--surface-secondary-foreground);
  --color-destructive: var(--danger);
  --color-destructive-foreground: var(--danger-foreground);
  --color-input: var(--field-background, var(--default));
  --color-ring: var(--focus);
  --color-muted-foreground: var(--muted);
}

@layer base {
  :root {
    color-scheme: dark;
  }
}