alice.pds.demo.boltless.dev
This repository has no description
web: improve app.css -- add background-strong color token, add missing @apply rules for mono fonts
author
eti
committer
dawn
date
(Jul 31, 2026, 10:57 PM +0300)
commit
03b62d06
03b62d064bb7258d923c57b5153064a936eb904b
parent
b8f224c2
b8f224c244dc3bef56fd3af925303744a123c02b
change-id
rnsslwyr
rnsslwyrxlollntymxuwplxntkvqszst
+8
-14
+8
-14
web/src/app.css
+8
-14
web/src/app.css
···
18
18
--color-background-subtle: #f9fafb;
19
19
--color-background-inset: #f3f4f6;
20
20
--color-background-muted: #e5e7eb;
21
+
--color-background-strong: #d1d5db;
21
22
--color-background-canvas: #f3f4f6;
22
23
--color-background-highlight: #fef08a;
23
24
--color-background-success-subtle: #dcfce7;
···
137
138
--color-alpha-dark-95: color-mix(in srgb, var(--color-foreground-default) 95%, transparent);
138
139
}
139
140
140
-
/* =============================================================================
141
-
Type scale — synced from Figma "Font Styles" (node 1:186)
142
-
143
-
These are `typography-*` utilities rather than `--text-*` theme tokens on
144
-
purpose: named `text-heading-3` & co. they collided with `text-<colour>` in
145
-
tailwind-merge, which classes them as colours and drops the size as soon as a
146
-
colour follows. Declare `font-size` first in each block — Tailwind sorts a
147
-
custom utility by its first property, and that is what keeps an explicit
148
-
`font-medium`/`font-bold` winning over the weight baked in here.
149
-
============================================================================= */
150
-
151
141
@utility typography-heading-0 {
152
142
font-size: 5rem;
153
143
line-height: 5rem;
···
200
190
}
201
191
202
192
@utility typography-monospace-large {
203
-
font-size: 1rem;
193
+
@apply font-mono;
194
+
font-size: 1rem;
204
195
line-height: 1.5rem;
205
196
}
206
197
207
198
@utility typography-monospace-regular {
208
-
font-size: 0.875rem;
199
+
@apply font-mono;
200
+
font-size: 0.875rem;
209
201
line-height: 1.375rem;
210
202
}
211
203
212
204
@utility typography-monospace-small {
213
-
font-size: 0.75rem;
205
+
@apply font-mono;
206
+
font-size: 0.75rem;
214
207
line-height: 1.25rem;
215
208
}
216
209
···
291
284
--color-background-subtle: #374151;
292
285
--color-background-inset: #374151;
293
286
--color-background-muted: #4b5563;
287
+
--color-background-strong: #6b7280;
294
288
--color-background-canvas: #111827;
295
289
--color-background-highlight: #713f12;
296
290
--color-background-success-subtle: #14532d;