@lemmo-lab/tokens 1.0.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/README.md +8 -0
  2. package/dist/css/system-design/lemmo.breakpoints.css +19 -0
  3. package/dist/css/system-design/lemmo.colors.css +196 -0
  4. package/dist/css/system-design/lemmo.elevation.css +23 -0
  5. package/dist/css/system-design/lemmo.gradients.css +62 -0
  6. package/dist/css/system-design/lemmo.motion.css +28 -0
  7. package/dist/css/system-design/lemmo.radius.css +27 -0
  8. package/dist/css/system-design/lemmo.sizes.css +54 -0
  9. package/dist/css/system-design/lemmo.spacing.css +42 -0
  10. package/dist/css/system-design/lemmo.strokes.css +18 -0
  11. package/dist/css/system-design/lemmo.tokens.css +14 -0
  12. package/dist/css/system-design/lemmo.typography.css +120 -0
  13. package/dist/css/themes/light.css +113 -2
  14. package/dist/css/themes/midnight.css +54 -0
  15. package/dist/css/themes/neon.css +54 -0
  16. package/dist/css/variables.css +581 -379
  17. package/dist/js/tokens.d.ts +1 -0
  18. package/dist/js/tokens.js +66 -14
  19. package/dist/tailwind/preset.js +16 -16
  20. package/package.json +2 -1
package/dist/css/themes/light.css CHANGED
@@ -6,112 +6,223 @@
6
6
  [data-theme='light'],
7
7
  :root[data-theme='light'],
8
8
  .theme-light {
9
+ --page-background: #f8f9fa;
9
10
  --lemmo-page-background: #f8f9fa;
10
11
  --lemu-page-background: #f8f9fa;
12
+ --page-foreground: #131517;
11
13
  --lemmo-page-foreground: #131517;
12
14
  --lemu-page-foreground: #131517;
15
+ --surface-primary-background: #ffffff;
13
16
  --lemmo-surface-primary-background: #ffffff;
14
17
  --lemu-surface-primary-background: #ffffff;
18
+ --surface-primary-foreground: #131517;
15
19
  --lemmo-surface-primary-foreground: #131517;
16
20
  --lemu-surface-primary-foreground: #131517;
21
+ --surface-secondary-background: #e9ecef;
17
22
  --lemmo-surface-secondary-background: #e9ecef;
18
23
  --lemu-surface-secondary-background: #e9ecef;
24
+ --surface-secondary-foreground: #495057;
19
25
  --lemmo-surface-secondary-foreground: #495057;
20
26
  --lemu-surface-secondary-foreground: #495057;
27
+ --surface-tertiary-background: #ffffff;
21
28
  --lemmo-surface-tertiary-background: #ffffff;
22
29
  --lemu-surface-tertiary-background: #ffffff;
30
+ --surface-tertiary-foreground: #131517;
23
31
  --lemmo-surface-tertiary-foreground: #131517;
24
32
  --lemu-surface-tertiary-foreground: #131517;
33
+ --surface-elevated-background: #ffffff;
25
34
  --lemmo-surface-elevated-background: #ffffff;
26
35
  --lemu-surface-elevated-background: #ffffff;
36
+ --surface-elevated-foreground: #131517;
27
37
  --lemmo-surface-elevated-foreground: #131517;
28
38
  --lemu-surface-elevated-foreground: #131517;
39
+ --surface-glass-background: rgba(255, 255, 255, 0.88);
29
40
  --lemmo-surface-glass-background: rgba(255, 255, 255, 0.88);
30
41
  --lemu-surface-glass-background: rgba(255, 255, 255, 0.88);
42
+ --surface-glass-foreground: #131517;
31
43
  --lemmo-surface-glass-foreground: #131517;
32
44
  --lemu-surface-glass-foreground: #131517;
45
+ --surface-brand-background: #d1fe17;
33
46
  --lemmo-surface-brand-background: #d1fe17;
34
47
  --lemu-surface-brand-background: #d1fe17;
48
+ --surface-brand-foreground: #131517;
35
49
  --lemmo-surface-brand-foreground: #131517;
36
50
  --lemu-surface-brand-foreground: #131517;
51
+ --text-primary: #131517;
37
52
  --lemmo-text-primary: #131517;
38
53
  --lemu-text-primary: #131517;
54
+ --text-secondary: #495057;
39
55
  --lemmo-text-secondary: #495057;
40
56
  --lemu-text-secondary: #495057;
57
+ --text-muted: #6c757d;
41
58
  --lemmo-text-muted: #6c757d;
42
59
  --lemu-text-muted: #6c757d;
60
+ --text-faint: #adb5bd;
43
61
  --lemmo-text-faint: #adb5bd;
44
62
  --lemu-text-faint: #adb5bd;
63
+ --text-onBrand: #131517;
45
64
  --lemmo-text-onBrand: #131517;
46
65
  --lemu-text-onBrand: #131517;
66
+ --text-reverted: #ffffff;
47
67
  --lemmo-text-reverted: #ffffff;
48
68
  --lemu-text-reverted: #ffffff;
69
+ --text-danger: #b7094c;
49
70
  --lemmo-text-danger: #b7094c;
50
71
  --lemu-text-danger: #b7094c;
72
+ --text-warning: #d00000;
51
73
  --lemmo-text-warning: #d00000;
52
74
  --lemu-text-warning: #d00000;
75
+ --text-success: #1b4332;
53
76
  --lemmo-text-success: #1b4332;
54
77
  --lemu-text-success: #1b4332;
78
+ --text-info: #03045e;
55
79
  --lemmo-text-info: #03045e;
56
80
  --lemu-text-info: #03045e;
81
+ --border-default: rgba(0, 0, 0, 0.18);
57
82
  --lemmo-border-default: rgba(0, 0, 0, 0.18);
58
83
  --lemu-border-default: rgba(0, 0, 0, 0.18);
84
+ --border-subtle: rgba(0, 0, 0, 0.08);
59
85
  --lemmo-border-subtle: rgba(0, 0, 0, 0.08);
60
86
  --lemu-border-subtle: rgba(0, 0, 0, 0.08);
87
+ --border-mid: rgba(0, 0, 0, 0.12);
61
88
  --lemmo-border-mid: rgba(0, 0, 0, 0.12);
62
89
  --lemu-border-mid: rgba(0, 0, 0, 0.12);
90
+ --border-danger: #d90429;
63
91
  --lemmo-border-danger: #d90429;
64
92
  --lemu-border-danger: #d90429;
93
+ --border-warning: #e85d04;
65
94
  --lemmo-border-warning: #e85d04;
66
95
  --lemu-border-warning: #e85d04;
96
+ --border-success: #2b9348;
67
97
  --lemmo-border-success: #2b9348;
68
98
  --lemu-border-success: #2b9348;
99
+ --border-info: #0077b6;
69
100
  --lemmo-border-info: #0077b6;
70
101
  --lemu-border-info: #0077b6;
102
+ --interactive-primary-background: #d1fe17;
71
103
  --lemmo-interactive-primary-background: #d1fe17;
72
104
  --lemu-interactive-primary-background: #d1fe17;
105
+ --interactive-primary-foreground: #131517;
73
106
  --lemmo-interactive-primary-foreground: #131517;
74
107
  --lemu-interactive-primary-foreground: #131517;
108
+ --interactive-primary-hover: #c4ee0b;
75
109
  --lemmo-interactive-primary-hover: #c4ee0b;
76
110
  --lemu-interactive-primary-hover: #c4ee0b;
111
+ --interactive-secondary-background: #0256fe;
77
112
  --lemmo-interactive-secondary-background: #0256fe;
78
113
  --lemu-interactive-secondary-background: #0256fe;
114
+ --interactive-secondary-foreground: #ffffff;
79
115
  --lemmo-interactive-secondary-foreground: #ffffff;
80
116
  --lemu-interactive-secondary-foreground: #ffffff;
117
+ --interactive-secondary-hover: #1544ed;
81
118
  --lemmo-interactive-secondary-hover: #1544ed;
82
119
  --lemu-interactive-secondary-hover: #1544ed;
120
+ --status-danger-background: #ffe3e3;
83
121
  --lemmo-status-danger-background: #ffe3e3;
84
122
  --lemu-status-danger-background: #ffe3e3;
123
+ --status-danger-foreground: #b7094c;
85
124
  --lemmo-status-danger-foreground: #b7094c;
86
125
  --lemu-status-danger-foreground: #b7094c;
126
+ --status-danger-border: #d90429;
87
127
  --lemmo-status-danger-border: #d90429;
88
128
  --lemu-status-danger-border: #d90429;
129
+ --status-danger-glow: #ff8787;
89
130
  --lemmo-status-danger-glow: #ff8787;
90
131
  --lemu-status-danger-glow: #ff8787;
132
+ --status-warning-background: #fff3bf;
91
133
  --lemmo-status-warning-background: #fff3bf;
92
134
  --lemu-status-warning-background: #fff3bf;
135
+ --status-warning-foreground: #d00000;
93
136
  --lemmo-status-warning-foreground: #d00000;
94
137
  --lemu-status-warning-foreground: #d00000;
138
+ --status-warning-border: #e85d04;
95
139
  --lemmo-status-warning-border: #e85d04;
96
140
  --lemu-status-warning-border: #e85d04;
141
+ --status-warning-glow: #ffe066;
97
142
  --lemmo-status-warning-glow: #ffe066;
98
143
  --lemu-status-warning-glow: #ffe066;
144
+ --status-success-background: #d3f9d8;
99
145
  --lemmo-status-success-background: #d3f9d8;
100
146
  --lemu-status-success-background: #d3f9d8;
147
+ --status-success-foreground: #1b4332;
101
148
  --lemmo-status-success-foreground: #1b4332;
102
149
  --lemu-status-success-foreground: #1b4332;
150
+ --status-success-border: #2b9348;
103
151
  --lemmo-status-success-border: #2b9348;
104
152
  --lemu-status-success-border: #2b9348;
153
+ --status-success-glow: #8ce99a;
105
154
  --lemmo-status-success-glow: #8ce99a;
106
155
  --lemu-status-success-glow: #8ce99a;
156
+ --status-info-background: #e7f5ff;
107
157
  --lemmo-status-info-background: #e7f5ff;
108
158
  --lemu-status-info-background: #e7f5ff;
159
+ --status-info-foreground: #03045e;
109
160
  --lemmo-status-info-foreground: #03045e;
110
161
  --lemu-status-info-foreground: #03045e;
162
+ --status-info-border: #0077b6;
111
163
  --lemmo-status-info-border: #0077b6;
112
164
  --lemu-status-info-border: #0077b6;
165
+ --status-info-glow: #74c0fc;
113
166
  --lemmo-status-info-glow: #74c0fc;
114
167
  --lemu-status-info-glow: #74c0fc;
115
- --lemmo-radius-base: {radius.base};
116
- --lemu-radius-base: {radius.base};
168
+ --radius-base: .5rem;
169
+ --lemmo-radius-base: .5rem;
170
+ --lemu-radius-base: .5rem;
171
+
172
+ /* System Design Light Theme Overrides */
173
+ --lemmo-color-page-primary: #f8f9fa;
174
+ --lemmo-color-app-background: #f1f3f5;
175
+ --lemmo-color-surface-tertiary: #ffffff;
176
+ --lemmo-color-surface-primary: #ffffff;
177
+ --lemmo-color-surface-secondary: #e9ecef;
178
+ --lemmo-color-surface-elevated: #ffffff;
179
+ --lemmo-color-surface-glass: rgba(255, 255, 255, 0.88);
180
+ --lemmo-color-font-primary: #131517;
181
+ --lemmo-color-font-secondary: #495057;
182
+ --lemmo-color-font-muted: #6c757d;
183
+ --lemmo-color-font-faint: #adb5bd;
184
+ --lemmo-color-font-on-brand: #131517;
185
+ --lemmo-color-font-reverted: #ffffff;
186
+ --lemmo-color-separator-card: rgba(0, 0, 0, 0.06);
187
+ --lemmo-color-border-soft: rgba(0, 0, 0, 0.08);
188
+ --lemmo-color-border-mid: rgba(0, 0, 0, 0.12);
189
+ --lemmo-color-border-strong: rgba(0, 0, 0, 0.18);
190
+
191
+ --lemmo-text-primary: var(--lemmo-color-font-primary);
192
+ --lemmo-text-secondary: var(--lemmo-color-font-secondary);
193
+ --lemmo-text-muted: var(--lemmo-color-font-muted);
194
+ --lemmo-text-faint: var(--lemmo-color-font-faint);
195
+ --lemmo-text-reverted: var(--lemmo-color-font-reverted);
196
+ --lemmo-surface-primary: var(--lemmo-color-surface-primary);
197
+ --lemmo-surface-secondary: var(--lemmo-color-surface-secondary);
198
+ --lemmo-surface-tertiary: var(--lemmo-color-surface-tertiary);
199
+ --lemmo-surface-elevated: var(--lemmo-color-surface-elevated);
200
+ --lemmo-surface-glass: var(--lemmo-color-surface-glass);
201
+ --lemmo-border-default: var(--lemmo-color-border-strong);
202
+ --lemmo-border-subtle: var(--lemmo-color-border-soft);
203
+
204
+ --lemu-color-page-primary: var(--lemmo-color-page-primary);
205
+ --lemu-color-app-background: var(--lemmo-color-app-background);
206
+ --lemu-color-surface-tertiary: var(--lemmo-color-surface-tertiary);
207
+ --lemu-color-surface-primary: var(--lemmo-color-surface-primary);
208
+ --lemu-color-surface-secondary: var(--lemmo-color-surface-secondary);
209
+ --lemu-color-surface-elevated: var(--lemmo-color-surface-elevated);
210
+ --lemu-color-surface-glass: var(--lemmo-color-surface-glass);
211
+ --lemu-color-font-primary: var(--lemmo-color-font-primary);
212
+ --lemu-color-font-secondary: var(--lemmo-color-font-secondary);
213
+ --lemu-color-font-muted: var(--lemmo-color-font-muted);
214
+ --lemu-color-font-faint: var(--lemmo-color-font-faint);
215
+ --lemu-color-font-reverted: var(--lemmo-color-font-reverted);
216
+ --lemu-text-primary: var(--lemmo-text-primary);
217
+ --lemu-text-secondary: var(--lemmo-text-secondary);
218
+ --lemu-text-muted: var(--lemmo-text-muted);
219
+ --lemu-text-faint: var(--lemmo-text-faint);
220
+ --lemu-text-reverted: var(--lemmo-text-reverted);
221
+ --lemu-surface-primary: var(--lemmo-surface-primary);
222
+ --lemu-surface-secondary: var(--lemmo-surface-secondary);
223
+ --lemu-surface-tertiary: var(--lemmo-surface-tertiary);
224
+ --lemu-surface-elevated: var(--lemmo-surface-elevated);
225
+ --lemu-surface-glass: var(--lemmo-surface-glass);
226
+ --lemu-border-default: var(--lemmo-border-default);
227
+ --lemu-border-subtle: var(--lemmo-border-subtle);
117
228
  }
package/dist/css/themes/midnight.css CHANGED
@@ -6,112 +6,166 @@
6
6
  [data-theme='midnight'],
7
7
  :root[data-theme='midnight'],
8
8
  .theme-midnight {
9
+ --page-background: #000000;
9
10
  --lemmo-page-background: #000000;
10
11
  --lemu-page-background: #000000;
12
+ --page-foreground: #ffffff;
11
13
  --lemmo-page-foreground: #ffffff;
12
14
  --lemu-page-foreground: #ffffff;
15
+ --surface-primary-background: #0c0c0c;
13
16
  --lemmo-surface-primary-background: #0c0c0c;
14
17
  --lemu-surface-primary-background: #0c0c0c;
18
+ --surface-primary-foreground: #ffffff;
15
19
  --lemmo-surface-primary-foreground: #ffffff;
16
20
  --lemu-surface-primary-foreground: #ffffff;
21
+ --surface-secondary-background: #161616;
17
22
  --lemmo-surface-secondary-background: #161616;
18
23
  --lemu-surface-secondary-background: #161616;
24
+ --surface-secondary-foreground: #999999;
19
25
  --lemmo-surface-secondary-foreground: #999999;
20
26
  --lemu-surface-secondary-foreground: #999999;
27
+ --surface-tertiary-background: #050505;
21
28
  --lemmo-surface-tertiary-background: #050505;
22
29
  --lemu-surface-tertiary-background: #050505;
30
+ --surface-tertiary-foreground: #ffffff;
23
31
  --lemmo-surface-tertiary-foreground: #ffffff;
24
32
  --lemu-surface-tertiary-foreground: #ffffff;
33
+ --surface-elevated-background: #1e1e1e;
25
34
  --lemmo-surface-elevated-background: #1e1e1e;
26
35
  --lemu-surface-elevated-background: #1e1e1e;
36
+ --surface-elevated-foreground: #ffffff;
27
37
  --lemmo-surface-elevated-foreground: #ffffff;
28
38
  --lemu-surface-elevated-foreground: #ffffff;
39
+ --surface-glass-background: rgba(0, 0, 0, 0.92);
29
40
  --lemmo-surface-glass-background: rgba(0, 0, 0, 0.92);
30
41
  --lemu-surface-glass-background: rgba(0, 0, 0, 0.92);
42
+ --surface-glass-foreground: #ffffff;
31
43
  --lemmo-surface-glass-foreground: #ffffff;
32
44
  --lemu-surface-glass-foreground: #ffffff;
45
+ --surface-brand-background: #ffffff;
33
46
  --lemmo-surface-brand-background: #ffffff;
34
47
  --lemu-surface-brand-background: #ffffff;
48
+ --surface-brand-foreground: #000000;
35
49
  --lemmo-surface-brand-foreground: #000000;
36
50
  --lemu-surface-brand-foreground: #000000;
51
+ --text-primary: #ffffff;
37
52
  --lemmo-text-primary: #ffffff;
38
53
  --lemu-text-primary: #ffffff;
54
+ --text-secondary: #999999;
39
55
  --lemmo-text-secondary: #999999;
40
56
  --lemu-text-secondary: #999999;
57
+ --text-muted: #666666;
41
58
  --lemmo-text-muted: #666666;
42
59
  --lemu-text-muted: #666666;
60
+ --text-faint: #444444;
43
61
  --lemmo-text-faint: #444444;
44
62
  --lemu-text-faint: #444444;
63
+ --text-onBrand: #000000;
45
64
  --lemmo-text-onBrand: #000000;
46
65
  --lemu-text-onBrand: #000000;
66
+ --text-reverted: #000000;
47
67
  --lemmo-text-reverted: #000000;
48
68
  --lemu-text-reverted: #000000;
69
+ --text-danger: #ff4d4f;
49
70
  --lemmo-text-danger: #ff4d4f;
50
71
  --lemu-text-danger: #ff4d4f;
72
+ --text-warning: #faad14;
51
73
  --lemmo-text-warning: #faad14;
52
74
  --lemu-text-warning: #faad14;
75
+ --text-success: #52c41a;
53
76
  --lemmo-text-success: #52c41a;
54
77
  --lemu-text-success: #52c41a;
78
+ --text-info: #1890ff;
55
79
  --lemmo-text-info: #1890ff;
56
80
  --lemu-text-info: #1890ff;
81
+ --border-default: rgba(255, 255, 255, 0.2);
57
82
  --lemmo-border-default: rgba(255, 255, 255, 0.2);
58
83
  --lemu-border-default: rgba(255, 255, 255, 0.2);
84
+ --border-subtle: rgba(255, 255, 255, 0.08);
59
85
  --lemmo-border-subtle: rgba(255, 255, 255, 0.08);
60
86
  --lemu-border-subtle: rgba(255, 255, 255, 0.08);
87
+ --border-mid: rgba(255, 255, 255, 0.12);
61
88
  --lemmo-border-mid: rgba(255, 255, 255, 0.12);
62
89
  --lemu-border-mid: rgba(255, 255, 255, 0.12);
90
+ --border-danger: #ff4d4f;
63
91
  --lemmo-border-danger: #ff4d4f;
64
92
  --lemu-border-danger: #ff4d4f;
93
+ --border-warning: #faad14;
65
94
  --lemmo-border-warning: #faad14;
66
95
  --lemu-border-warning: #faad14;
96
+ --border-success: #52c41a;
67
97
  --lemmo-border-success: #52c41a;
68
98
  --lemu-border-success: #52c41a;
99
+ --border-info: #1890ff;
69
100
  --lemmo-border-info: #1890ff;
70
101
  --lemu-border-info: #1890ff;
102
+ --interactive-primary-background: #ffffff;
71
103
  --lemmo-interactive-primary-background: #ffffff;
72
104
  --lemu-interactive-primary-background: #ffffff;
105
+ --interactive-primary-foreground: #000000;
73
106
  --lemmo-interactive-primary-foreground: #000000;
74
107
  --lemu-interactive-primary-foreground: #000000;
108
+ --interactive-primary-hover: #e6e6e6;
75
109
  --lemmo-interactive-primary-hover: #e6e6e6;
76
110
  --lemu-interactive-primary-hover: #e6e6e6;
111
+ --interactive-secondary-background: #1f1f1f;
77
112
  --lemmo-interactive-secondary-background: #1f1f1f;
78
113
  --lemu-interactive-secondary-background: #1f1f1f;
114
+ --interactive-secondary-foreground: #ffffff;
79
115
  --lemmo-interactive-secondary-foreground: #ffffff;
80
116
  --lemu-interactive-secondary-foreground: #ffffff;
117
+ --interactive-secondary-hover: #2a2a2a;
81
118
  --lemmo-interactive-secondary-hover: #2a2a2a;
82
119
  --lemu-interactive-secondary-hover: #2a2a2a;
120
+ --status-danger-background: #2a0a0a;
83
121
  --lemmo-status-danger-background: #2a0a0a;
84
122
  --lemu-status-danger-background: #2a0a0a;
123
+ --status-danger-foreground: #ff7875;
85
124
  --lemmo-status-danger-foreground: #ff7875;
86
125
  --lemu-status-danger-foreground: #ff7875;
126
+ --status-danger-border: #ff4d4f;
87
127
  --lemmo-status-danger-border: #ff4d4f;
88
128
  --lemu-status-danger-border: #ff4d4f;
129
+ --status-danger-glow: #ff4d4f;
89
130
  --lemmo-status-danger-glow: #ff4d4f;
90
131
  --lemu-status-danger-glow: #ff4d4f;
132
+ --status-warning-background: #2b1d00;
91
133
  --lemmo-status-warning-background: #2b1d00;
92
134
  --lemu-status-warning-background: #2b1d00;
135
+ --status-warning-foreground: #ffc53d;
93
136
  --lemmo-status-warning-foreground: #ffc53d;
94
137
  --lemu-status-warning-foreground: #ffc53d;
138
+ --status-warning-border: #faad14;
95
139
  --lemmo-status-warning-border: #faad14;
96
140
  --lemu-status-warning-border: #faad14;
141
+ --status-warning-glow: #faad14;
97
142
  --lemmo-status-warning-glow: #faad14;
98
143
  --lemu-status-warning-glow: #faad14;
144
+ --status-success-background: #092b00;
99
145
  --lemmo-status-success-background: #092b00;
100
146
  --lemu-status-success-background: #092b00;
147
+ --status-success-foreground: #73d13d;
101
148
  --lemmo-status-success-foreground: #73d13d;
102
149
  --lemu-status-success-foreground: #73d13d;
150
+ --status-success-border: #52c41a;
103
151
  --lemmo-status-success-border: #52c41a;
104
152
  --lemu-status-success-border: #52c41a;
153
+ --status-success-glow: #52c41a;
105
154
  --lemmo-status-success-glow: #52c41a;
106
155
  --lemu-status-success-glow: #52c41a;
156
+ --status-info-background: #001d40;
107
157
  --lemmo-status-info-background: #001d40;
108
158
  --lemu-status-info-background: #001d40;
159
+ --status-info-foreground: #40a9ff;
109
160
  --lemmo-status-info-foreground: #40a9ff;
110
161
  --lemu-status-info-foreground: #40a9ff;
162
+ --status-info-border: #1890ff;
111
163
  --lemmo-status-info-border: #1890ff;
112
164
  --lemu-status-info-border: #1890ff;
165
+ --status-info-glow: #1890ff;
113
166
  --lemmo-status-info-glow: #1890ff;
114
167
  --lemu-status-info-glow: #1890ff;
168
+ --radius-base: 0px;
115
169
  --lemmo-radius-base: 0px;
116
170
  --lemu-radius-base: 0px;
117
171
  }
package/dist/css/themes/neon.css CHANGED
@@ -6,112 +6,166 @@
6
6
  [data-theme='neon'],
7
7
  :root[data-theme='neon'],
8
8
  .theme-neon {
9
+ --page-background: #08090a;
9
10
  --lemmo-page-background: #08090a;
10
11
  --lemu-page-background: #08090a;
12
+ --page-foreground: #f0f6fc;
11
13
  --lemmo-page-foreground: #f0f6fc;
12
14
  --lemu-page-foreground: #f0f6fc;
15
+ --surface-primary-background: #12151a;
13
16
  --lemmo-surface-primary-background: #12151a;
14
17
  --lemu-surface-primary-background: #12151a;
18
+ --surface-primary-foreground: #f0f6fc;
15
19
  --lemmo-surface-primary-foreground: #f0f6fc;
16
20
  --lemu-surface-primary-foreground: #f0f6fc;
21
+ --surface-secondary-background: #181c24;
17
22
  --lemmo-surface-secondary-background: #181c24;
18
23
  --lemu-surface-secondary-background: #181c24;
24
+ --surface-secondary-foreground: #9db1c5;
19
25
  --lemmo-surface-secondary-foreground: #9db1c5;
20
26
  --lemu-surface-secondary-foreground: #9db1c5;
27
+ --surface-tertiary-background: #060708;
21
28
  --lemmo-surface-tertiary-background: #060708;
22
29
  --lemu-surface-tertiary-background: #060708;
30
+ --surface-tertiary-foreground: #f0f6fc;
23
31
  --lemmo-surface-tertiary-foreground: #f0f6fc;
24
32
  --lemu-surface-tertiary-foreground: #f0f6fc;
33
+ --surface-elevated-background: #1c212b;
25
34
  --lemmo-surface-elevated-background: #1c212b;
26
35
  --lemu-surface-elevated-background: #1c212b;
36
+ --surface-elevated-foreground: #f0f6fc;
27
37
  --lemmo-surface-elevated-foreground: #f0f6fc;
28
38
  --lemu-surface-elevated-foreground: #f0f6fc;
39
+ --surface-glass-background: rgba(8, 9, 10, 0.9);
29
40
  --lemmo-surface-glass-background: rgba(8, 9, 10, 0.9);
30
41
  --lemu-surface-glass-background: rgba(8, 9, 10, 0.9);
42
+ --surface-glass-foreground: #f0f6fc;
31
43
  --lemmo-surface-glass-foreground: #f0f6fc;
32
44
  --lemu-surface-glass-foreground: #f0f6fc;
45
+ --surface-brand-background: #00ff66;
33
46
  --lemmo-surface-brand-background: #00ff66;
34
47
  --lemu-surface-brand-background: #00ff66;
48
+ --surface-brand-foreground: #000000;
35
49
  --lemmo-surface-brand-foreground: #000000;
36
50
  --lemu-surface-brand-foreground: #000000;
51
+ --text-primary: #f0f6fc;
37
52
  --lemmo-text-primary: #f0f6fc;
38
53
  --lemu-text-primary: #f0f6fc;
54
+ --text-secondary: #9db1c5;
39
55
  --lemmo-text-secondary: #9db1c5;
40
56
  --lemu-text-secondary: #9db1c5;
57
+ --text-muted: #697e94;
41
58
  --lemmo-text-muted: #697e94;
42
59
  --lemu-text-muted: #697e94;
60
+ --text-faint: #465668;
43
61
  --lemmo-text-faint: #465668;
44
62
  --lemu-text-faint: #465668;
63
+ --text-onBrand: #000000;
45
64
  --lemmo-text-onBrand: #000000;
46
65
  --lemu-text-onBrand: #000000;
66
+ --text-reverted: #000000;
47
67
  --lemmo-text-reverted: #000000;
48
68
  --lemu-text-reverted: #000000;
69
+ --text-danger: #ff0055;
49
70
  --lemmo-text-danger: #ff0055;
50
71
  --lemu-text-danger: #ff0055;
72
+ --text-warning: #ffcc00;
51
73
  --lemmo-text-warning: #ffcc00;
52
74
  --lemu-text-warning: #ffcc00;
75
+ --text-success: #00ff88;
53
76
  --lemmo-text-success: #00ff88;
54
77
  --lemu-text-success: #00ff88;
78
+ --text-info: #00f0ff;
55
79
  --lemmo-text-info: #00f0ff;
56
80
  --lemu-text-info: #00f0ff;
81
+ --border-default: rgba(0, 240, 255, 0.45);
57
82
  --lemmo-border-default: rgba(0, 240, 255, 0.45);
58
83
  --lemu-border-default: rgba(0, 240, 255, 0.45);
84
+ --border-subtle: rgba(0, 240, 255, 0.15);
59
85
  --lemmo-border-subtle: rgba(0, 240, 255, 0.15);
60
86
  --lemu-border-subtle: rgba(0, 240, 255, 0.15);
87
+ --border-mid: rgba(0, 240, 255, 0.25);
61
88
  --lemmo-border-mid: rgba(0, 240, 255, 0.25);
62
89
  --lemu-border-mid: rgba(0, 240, 255, 0.25);
90
+ --border-danger: #ff0055;
63
91
  --lemmo-border-danger: #ff0055;
64
92
  --lemu-border-danger: #ff0055;
93
+ --border-warning: #ffcc00;
65
94
  --lemmo-border-warning: #ffcc00;
66
95
  --lemu-border-warning: #ffcc00;
96
+ --border-success: #00ff88;
67
97
  --lemmo-border-success: #00ff88;
68
98
  --lemu-border-success: #00ff88;
99
+ --border-info: #00f0ff;
69
100
  --lemmo-border-info: #00f0ff;
70
101
  --lemu-border-info: #00f0ff;
102
+ --interactive-primary-background: #00ff66;
71
103
  --lemmo-interactive-primary-background: #00ff66;
72
104
  --lemu-interactive-primary-background: #00ff66;
105
+ --interactive-primary-foreground: #000000;
73
106
  --lemmo-interactive-primary-foreground: #000000;
74
107
  --lemu-interactive-primary-foreground: #000000;
108
+ --interactive-primary-hover: #33ff85;
75
109
  --lemmo-interactive-primary-hover: #33ff85;
76
110
  --lemu-interactive-primary-hover: #33ff85;
111
+ --interactive-secondary-background: #00f0ff;
77
112
  --lemmo-interactive-secondary-background: #00f0ff;
78
113
  --lemu-interactive-secondary-background: #00f0ff;
114
+ --interactive-secondary-foreground: #000000;
79
115
  --lemmo-interactive-secondary-foreground: #000000;
80
116
  --lemu-interactive-secondary-foreground: #000000;
117
+ --interactive-secondary-hover: #4df4ff;
81
118
  --lemmo-interactive-secondary-hover: #4df4ff;
82
119
  --lemu-interactive-secondary-hover: #4df4ff;
120
+ --status-danger-background: rgba(255, 0, 85, 0.15);
83
121
  --lemmo-status-danger-background: rgba(255, 0, 85, 0.15);
84
122
  --lemu-status-danger-background: rgba(255, 0, 85, 0.15);
123
+ --status-danger-foreground: #ff3377;
85
124
  --lemmo-status-danger-foreground: #ff3377;
86
125
  --lemu-status-danger-foreground: #ff3377;
126
+ --status-danger-border: #ff0055;
87
127
  --lemmo-status-danger-border: #ff0055;
88
128
  --lemu-status-danger-border: #ff0055;
129
+ --status-danger-glow: #ff0055;
89
130
  --lemmo-status-danger-glow: #ff0055;
90
131
  --lemu-status-danger-glow: #ff0055;
132
+ --status-warning-background: rgba(255, 204, 0, 0.15);
91
133
  --lemmo-status-warning-background: rgba(255, 204, 0, 0.15);
92
134
  --lemu-status-warning-background: rgba(255, 204, 0, 0.15);
135
+ --status-warning-foreground: #ffdd33;
93
136
  --lemmo-status-warning-foreground: #ffdd33;
94
137
  --lemu-status-warning-foreground: #ffdd33;
138
+ --status-warning-border: #ffcc00;
95
139
  --lemmo-status-warning-border: #ffcc00;
96
140
  --lemu-status-warning-border: #ffcc00;
141
+ --status-warning-glow: #ffcc00;
97
142
  --lemmo-status-warning-glow: #ffcc00;
98
143
  --lemu-status-warning-glow: #ffcc00;
144
+ --status-success-background: rgba(0, 255, 136, 0.15);
99
145
  --lemmo-status-success-background: rgba(0, 255, 136, 0.15);
100
146
  --lemu-status-success-background: rgba(0, 255, 136, 0.15);
147
+ --status-success-foreground: #33ffa3;
101
148
  --lemmo-status-success-foreground: #33ffa3;
102
149
  --lemu-status-success-foreground: #33ffa3;
150
+ --status-success-border: #00ff88;
103
151
  --lemmo-status-success-border: #00ff88;
104
152
  --lemu-status-success-border: #00ff88;
153
+ --status-success-glow: #00ff88;
105
154
  --lemmo-status-success-glow: #00ff88;
106
155
  --lemu-status-success-glow: #00ff88;
156
+ --status-info-background: rgba(0, 240, 255, 0.15);
107
157
  --lemmo-status-info-background: rgba(0, 240, 255, 0.15);
108
158
  --lemu-status-info-background: rgba(0, 240, 255, 0.15);
159
+ --status-info-foreground: #4df4ff;
109
160
  --lemmo-status-info-foreground: #4df4ff;
110
161
  --lemu-status-info-foreground: #4df4ff;
162
+ --status-info-border: #00f0ff;
111
163
  --lemmo-status-info-border: #00f0ff;
112
164
  --lemu-status-info-border: #00f0ff;
165
+ --status-info-glow: #00f0ff;
113
166
  --lemmo-status-info-glow: #00f0ff;
114
167
  --lemu-status-info-glow: #00f0ff;
168
+ --radius-base: .25rem;
115
169
  --lemmo-radius-base: .25rem;
116
170
  --lemu-radius-base: .25rem;
117
171
  }