@stevederico/skateboard-ui 5.3.0 → 5.4.0

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 (3) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/package.json +1 -1
  3. package/styles.css +30 -30
package/CHANGELOG.md CHANGED
@@ -1,3 +1,7 @@
1
+ 5.4.0
2
+
3
+ Use shadcn dark palette
4
+
1
5
  5.3.0
2
6
 
3
7
  Drop header divider
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@stevederico/skateboard-ui",
3
3
  "private": false,
4
- "version": "5.3.0",
4
+ "version": "5.4.0",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {
package/styles.css CHANGED
@@ -168,75 +168,75 @@
168
168
  }
169
169
 
170
170
  .dark {
171
- --background: oklch(0.05 0 0);
171
+ --background: oklch(0.145 0 0);
172
172
  --foreground: oklch(0.985 0 0);
173
- --card: oklch(0.19 0 0);
173
+ --card: oklch(0.205 0 0);
174
174
  --card-foreground: oklch(0.985 0 0);
175
- --popover: oklch(0.19 0 0);
175
+ --popover: oklch(0.205 0 0);
176
176
  --popover-foreground: oklch(0.985 0 0);
177
177
  --primary: oklch(0.985 0 0);
178
- --primary-foreground: oklch(0.05 0 0);
179
- --secondary: oklch(0.28 0 0);
178
+ --primary-foreground: oklch(0.205 0 0);
179
+ --secondary: oklch(0.269 0 0);
180
180
  --secondary-foreground: oklch(0.985 0 0);
181
- --muted: oklch(0.28 0 0);
182
- --muted-foreground: oklch(0.8 0 0);
183
- --accent: oklch(0.28 0 0);
181
+ --muted: oklch(0.269 0 0);
182
+ --muted-foreground: oklch(0.708 0 0);
183
+ --accent: oklch(0.269 0 0);
184
184
  --accent-foreground: oklch(0.985 0 0);
185
185
  --destructive: oklch(0.396 0.141 25.723);
186
186
  --destructive-foreground: oklch(0.637 0.237 25.331);
187
- --border: oklch(0.5 0 0);
188
- --input: oklch(0.5 0 0);
189
- --ring: oklch(0.439 0 0);
187
+ --border: oklch(1 0 0 / 10%);
188
+ --input: oklch(1 0 0 / 15%);
189
+ --ring: oklch(0.556 0 0);
190
190
  --chart-1: oklch(0.488 0.243 264.376);
191
191
  --chart-2: oklch(0.696 0.17 162.48);
192
192
  --chart-3: oklch(0.769 0.188 70.08);
193
193
  --chart-4: oklch(0.627 0.265 303.9);
194
194
  --chart-5: oklch(0.645 0.246 16.439);
195
- --sidebar: oklch(0.18 0 0);
195
+ --sidebar: oklch(0.205 0 0);
196
196
  --sidebar-foreground: oklch(0.985 0 0);
197
197
  --sidebar-primary: oklch(0.488 0.243 264.376);
198
198
  --sidebar-primary-foreground: oklch(0.985 0 0);
199
- --sidebar-accent: oklch(0.22 0 0);
199
+ --sidebar-accent: oklch(0.269 0 0);
200
200
  --sidebar-accent-foreground: oklch(0.985 0 0);
201
- --sidebar-border: oklch(0.35 0 0);
202
- --sidebar-ring: oklch(0.439 0 0);
201
+ --sidebar-border: oklch(1 0 0 / 10%);
202
+ --sidebar-ring: oklch(0.556 0 0);
203
203
  }
204
204
 
205
205
  /* Fallback: Apply dark theme before JS hydrates for users who prefer dark mode */
206
206
  @media (prefers-color-scheme: dark) {
207
207
  :root:not(.light) {
208
- --background: oklch(0.05 0 0);
208
+ --background: oklch(0.145 0 0);
209
209
  --foreground: oklch(0.985 0 0);
210
- --card: oklch(0.19 0 0);
210
+ --card: oklch(0.205 0 0);
211
211
  --card-foreground: oklch(0.985 0 0);
212
- --popover: oklch(0.19 0 0);
212
+ --popover: oklch(0.205 0 0);
213
213
  --popover-foreground: oklch(0.985 0 0);
214
214
  --primary: oklch(0.985 0 0);
215
- --primary-foreground: oklch(0.05 0 0);
216
- --secondary: oklch(0.28 0 0);
215
+ --primary-foreground: oklch(0.205 0 0);
216
+ --secondary: oklch(0.269 0 0);
217
217
  --secondary-foreground: oklch(0.985 0 0);
218
- --muted: oklch(0.28 0 0);
219
- --muted-foreground: oklch(0.8 0 0);
220
- --accent: oklch(0.28 0 0);
218
+ --muted: oklch(0.269 0 0);
219
+ --muted-foreground: oklch(0.708 0 0);
220
+ --accent: oklch(0.269 0 0);
221
221
  --accent-foreground: oklch(0.985 0 0);
222
222
  --destructive: oklch(0.396 0.141 25.723);
223
223
  --destructive-foreground: oklch(0.637 0.237 25.331);
224
- --border: oklch(0.5 0 0);
225
- --input: oklch(0.5 0 0);
226
- --ring: oklch(0.439 0 0);
224
+ --border: oklch(1 0 0 / 10%);
225
+ --input: oklch(1 0 0 / 15%);
226
+ --ring: oklch(0.556 0 0);
227
227
  --chart-1: oklch(0.488 0.243 264.376);
228
228
  --chart-2: oklch(0.696 0.17 162.48);
229
229
  --chart-3: oklch(0.769 0.188 70.08);
230
230
  --chart-4: oklch(0.627 0.265 303.9);
231
231
  --chart-5: oklch(0.645 0.246 16.439);
232
- --sidebar: oklch(0.18 0 0);
232
+ --sidebar: oklch(0.205 0 0);
233
233
  --sidebar-foreground: oklch(0.985 0 0);
234
234
  --sidebar-primary: oklch(0.488 0.243 264.376);
235
235
  --sidebar-primary-foreground: oklch(0.985 0 0);
236
- --sidebar-accent: oklch(0.22 0 0);
236
+ --sidebar-accent: oklch(0.269 0 0);
237
237
  --sidebar-accent-foreground: oklch(0.985 0 0);
238
- --sidebar-border: oklch(0.35 0 0);
239
- --sidebar-ring: oklch(0.439 0 0);
238
+ --sidebar-border: oklch(1 0 0 / 10%);
239
+ --sidebar-ring: oklch(0.556 0 0);
240
240
  }
241
241
  }
242
242