auxalia-ui-kit 1.6.2 → 1.6.3
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/dist/tokens.css +30 -29
- package/package.json +1 -1
package/dist/tokens.css
CHANGED
|
@@ -133,52 +133,53 @@
|
|
|
133
133
|
.dark {
|
|
134
134
|
/* ─── BRAND COLORS (dark mode) ─────────────────────────────── */
|
|
135
135
|
|
|
136
|
-
--color-primary: hsl(73 100%
|
|
137
|
-
--color-primary-hover: hsl(
|
|
136
|
+
--color-primary: hsl(73 100% 46%);
|
|
137
|
+
--color-primary-hover: hsl(73 100% 39%);
|
|
138
138
|
--color-primary-foreground: hsl(222 34% 11%);
|
|
139
139
|
|
|
140
|
-
/* Secondary
|
|
141
|
-
--color-secondary: hsl(
|
|
142
|
-
--color-secondary-foreground: hsl(
|
|
143
|
-
--color-secondary-hover: hsl(
|
|
140
|
+
/* Secondary: stays deep navy — used as header background */
|
|
141
|
+
--color-secondary: hsl(203 100% 10%);
|
|
142
|
+
--color-secondary-foreground: hsl(0 0% 100%);
|
|
143
|
+
--color-secondary-hover: hsl(203 100% 7%);
|
|
144
144
|
|
|
145
|
-
--color-accent: hsl(203
|
|
146
|
-
--color-accent-foreground: hsl(210
|
|
145
|
+
--color-accent: hsl(203 55% 22%);
|
|
146
|
+
--color-accent-foreground: hsl(210 30% 95%);
|
|
147
147
|
|
|
148
148
|
/* ─── SEMANTIC COLORS (dark mode) ──────────────────────────── */
|
|
149
149
|
|
|
150
|
-
--color-surface: hsl(
|
|
151
|
-
--color-surface-hover: hsl(203
|
|
152
|
-
--color-surface-foreground: hsl(210
|
|
150
|
+
--color-surface: hsl(203 60% 15%);
|
|
151
|
+
--color-surface-hover: hsl(203 55% 20%);
|
|
152
|
+
--color-surface-foreground: hsl(210 30% 95%);
|
|
153
153
|
|
|
154
|
-
--color-destructive: hsl(359
|
|
155
|
-
--color-destructive-hover: hsl(359
|
|
156
|
-
--color-destructive-foreground: hsl(
|
|
157
|
-
--color-destructive-background: hsl(359 100% 61% / 0.
|
|
154
|
+
--color-destructive: hsl(359 90% 68%);
|
|
155
|
+
--color-destructive-hover: hsl(359 90% 58%);
|
|
156
|
+
--color-destructive-foreground: hsl(0 0% 100%);
|
|
157
|
+
--color-destructive-background: hsl(359 100% 61% / 0.12);
|
|
158
158
|
|
|
159
|
-
--color-success: hsl(142
|
|
159
|
+
--color-success: hsl(142 68% 52%);
|
|
160
160
|
--color-success-foreground: hsl(222 34% 11%);
|
|
161
|
-
--color-success-background: hsl(142
|
|
161
|
+
--color-success-background: hsl(142 68% 45% / 0.15);
|
|
162
162
|
|
|
163
|
-
--color-warning: hsl(38
|
|
163
|
+
--color-warning: hsl(38 90% 60%);
|
|
164
164
|
--color-warning-foreground: hsl(222 34% 11%);
|
|
165
|
-
--color-warning-background: hsl(38
|
|
165
|
+
--color-warning-background: hsl(38 90% 50% / 0.15);
|
|
166
166
|
|
|
167
|
-
--color-info: hsl(205
|
|
167
|
+
--color-info: hsl(205 55% 74%);
|
|
168
168
|
--color-info-foreground: hsl(222 34% 11%);
|
|
169
169
|
|
|
170
170
|
/* ─── BORDERS (dark mode) ───────────────────────────────────── */
|
|
171
|
-
--color-border: hsl(203
|
|
172
|
-
--color-border-input: hsl(203
|
|
171
|
+
--color-border: hsl(203 42% 21%);
|
|
172
|
+
--color-border-input: hsl(203 46% 28%);
|
|
173
173
|
|
|
174
174
|
/* ─── TEXT (dark mode) ──────────────────────────────────────── */
|
|
175
|
-
--color-text: hsl(210
|
|
176
|
-
--color-text-secondary: hsl(205
|
|
177
|
-
--color-text-muted: hsl(205
|
|
175
|
+
--color-text: hsl(210 30% 96%);
|
|
176
|
+
--color-text-secondary: hsl(205 35% 70%);
|
|
177
|
+
--color-text-muted: hsl(205 25% 46%);
|
|
178
178
|
|
|
179
179
|
/* ─── SURFACES (dark mode) ──────────────────────────────────── */
|
|
180
|
-
|
|
181
|
-
--color-
|
|
182
|
-
--color-card
|
|
183
|
-
--color-
|
|
180
|
+
/* Depth hierarchy: bg-hero (darkest) → card → surface → popover (lightest) */
|
|
181
|
+
--color-bg-hero: hsl(203 100% 6%);
|
|
182
|
+
--color-card: hsl(203 80% 11%);
|
|
183
|
+
--color-card-hover: hsl(203 60% 17%);
|
|
184
|
+
--color-popover: hsl(203 60% 16%);
|
|
184
185
|
}
|