@shuriken-ui/tailwind 4.0.0-alpha.18 → 4.0.0-alpha.19

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/lib/css/dark.css +64 -0
  2. package/lib/index.css +1 -1
  3. package/package.json +1 -1
package/lib/css/dark.css ADDED
@@ -0,0 +1,64 @@
1
+ @layer base {
2
+ .dark {
3
+ --color-field-label: var(--color-muted-300);
4
+ --color-field-description: var(--color-muted-400);
5
+ --color-field-loading: var(--color-muted-300);
6
+
7
+ --color-input-default-border: var(--color-muted-800);
8
+ --color-input-default-bg: var(--color-muted-900);
9
+ --color-input-default-text: var(--color-muted-200);
10
+ --color-input-default-placeholder: var(--color-muted-700);
11
+ --color-input-default-button-bg: var(--color-muted-800);
12
+ --color-input-default-button-bg-active: var(--color-muted-700);
13
+ --color-input-default-button-text: var(--color-muted-400);
14
+
15
+ --color-input-muted-border: var(--color-muted-800);
16
+ --color-input-muted-bg: var(--color-muted-900);
17
+ --color-input-muted-text: var(--color-muted-200);
18
+ --color-input-muted-placeholder: var(--color-muted-300);
19
+ --color-input-muted-button-bg: var(--color-muted-800);
20
+ --color-input-muted-button-bg-active: var(--color-muted-700);
21
+ --color-input-muted-button-text: var(--color-muted-400);
22
+
23
+ --color-portal-default-bg: var(--color-muted-950);
24
+ --color-portal-default-border: var(--color-muted-800);
25
+ --color-portal-default-item-bg-active: var(--color-muted-800);
26
+ --color-portal-default-item-text-active: var(--color-primary-light);
27
+
28
+ --color-portal-muted-bg: var(--color-muted-950);
29
+ --color-portal-muted-border: var(--color-muted-800);
30
+ --color-portal-muted-item-bg-active: var(--color-muted-800);
31
+ --color-portal-muted-item-text-active: var(--color-primary-light);
32
+
33
+ --color-track-default-bg: var(--color-muted-900);
34
+ --color-track-default-bg-active: var(--color-muted-400);
35
+ --color-track-default-handle-bg: var(--color-muted-700);
36
+ --color-track-default-handle-border: var(--color-muted-600);
37
+
38
+ --color-track-dark-bg: var(--color-muted-900);
39
+ --color-track-dark-bg-active: var(--color-muted-50);
40
+ --color-track-dark-bg-invert: var(--color-muted-900);
41
+ --color-track-dark-handle-bg: var(--color-muted-700);
42
+ --color-track-dark-handle-border: var(--color-muted-600);
43
+
44
+ --color-card-default-bg: var(--color-muted-950);
45
+ --color-card-default-border: var(--color-muted-800);
46
+
47
+ --color-card-muted-bg: var(--color-muted-950);
48
+ --color-card-muted-border: var(--color-muted-800);
49
+
50
+ --color-tag-default-bg: var(--color-muted-950);
51
+ --color-tag-default-border: var(--color-muted-200);
52
+ --color-tag-default-text: var(--color-muted-200);
53
+
54
+ --color-tag-muted-bg: var(--color-muted-950);
55
+ --color-tag-muted-border: var(--color-muted-200);
56
+ --color-tag-muted-text: var(--color-muted-200);
57
+
58
+ --color-tag-dark-bg: var(--color-muted-100);
59
+ --color-tag-dark-border: var(--color-muted-100);
60
+ --color-tag-dark-text: var(--color-muted-100);
61
+
62
+ color-scheme: dark;
63
+ }
64
+ }
package/lib/index.css CHANGED
@@ -1,7 +1,7 @@
1
1
  @plugin '@tailwindcss/typography';
2
2
 
3
3
  @import './theme.css';
4
- @import './dark.css';
4
+ @import './css/dark.css';
5
5
 
6
6
  @import './css/focus.css';
7
7
  @import './css/mark.css';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shuriken-ui/tailwind",
3
- "version": "4.0.0-alpha.18",
3
+ "version": "4.0.0-alpha.19",
4
4
  "license": "MIT",
5
5
  "author": "Css Ninja <hello@cssninja.io> (https://cssninja.io)",
6
6
  "repository": {