@brightweblabs/theme 0.8.2 → 0.8.4
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.
- package/package.json +1 -1
- package/src/base.css +3 -0
- package/src/index.css +2 -0
- package/src/surfaces.css +2 -0
- package/src/tokens.css +7 -0
- package/themes/mq-aliases.css +2 -0
package/package.json
CHANGED
package/src/base.css
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@layer theme, base, components, utilities;
|
|
2
|
+
|
|
1
3
|
/* Keep the reset layered so Tailwind utilities and component variants retain
|
|
2
4
|
precedence over these element defaults. */
|
|
3
5
|
@layer base {
|
|
@@ -12,6 +14,7 @@
|
|
|
12
14
|
body {
|
|
13
15
|
margin: 0;
|
|
14
16
|
padding: 0;
|
|
17
|
+
scrollbar-gutter: stable;
|
|
15
18
|
background: var(--page-background);
|
|
16
19
|
color: var(--foreground);
|
|
17
20
|
font-family: var(--font-sans);
|
package/src/index.css
CHANGED
package/src/surfaces.css
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@layer theme, base, components, utilities;
|
|
2
|
+
|
|
1
3
|
/* ── Shared structural surfaces ───────────────────────────────────────── */
|
|
2
4
|
/* Layered so Tailwind utilities (p-0, bg-*, …) can override per-instance.
|
|
3
5
|
Unlayered, these beat @layer utilities and e.g. p-0 on the CRM table card
|
package/src/tokens.css
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@layer theme, base, components, utilities;
|
|
2
|
+
|
|
1
3
|
/* ── L0: brand primitives ─────────────────────────────────────────────── */
|
|
2
4
|
:root {
|
|
3
5
|
color-scheme: light;
|
|
@@ -418,6 +420,11 @@
|
|
|
418
420
|
--brand-panel-muted: color-mix(in srgb, var(--brand-white) 68%, transparent);
|
|
419
421
|
--brand-panel-subtle: color-mix(in srgb, var(--brand-white) 48%, transparent);
|
|
420
422
|
--brand-panel-border: color-mix(in srgb, var(--brand-accent) 22%, transparent);
|
|
423
|
+
--cover-header-surface: linear-gradient(135deg, color-mix(in srgb, var(--brand-accent) 12%, var(--card)), color-mix(in srgb, var(--semantic-info) 8%, var(--card)) 52%, color-mix(in srgb, var(--role-client) 13%, var(--card)));
|
|
424
|
+
--cover-header-glow-strong: radial-gradient(circle, color-mix(in srgb, var(--brand-accent) 26%, transparent) 0%, transparent 70%);
|
|
425
|
+
--cover-header-glow-soft: radial-gradient(circle, color-mix(in srgb, var(--role-client) 18%, transparent) 0%, transparent 72%);
|
|
426
|
+
--cover-header-shadow: var(--brand-shadow-soft);
|
|
427
|
+
--cover-header-avatar-shadow: 0 10px 28px color-mix(in srgb, var(--foreground) 14%, transparent);
|
|
421
428
|
--project-surface-primary: var(--card);
|
|
422
429
|
--project-surface-secondary: color-mix(in srgb, var(--foreground) 2%, var(--card) 98%);
|
|
423
430
|
--project-surface-item: color-mix(in srgb, var(--card) 96%, transparent);
|