@shival99/z-ui 1.2.18 → 1.2.20

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 (20) hide show
  1. package/assets/css/themes/gray.css +72 -70
  2. package/assets/css/themes/green.css +74 -72
  3. package/assets/css/themes/hospital.css +78 -76
  4. package/assets/css/themes/neutral.css +72 -70
  5. package/assets/css/themes/orange.css +72 -70
  6. package/assets/css/themes/slate.css +72 -70
  7. package/assets/css/themes/stone.css +72 -70
  8. package/assets/css/themes/violet.css +72 -70
  9. package/assets/css/themes/zinc.css +72 -70
  10. package/fesm2022/shival99-z-ui-components-z-empty.mjs +2 -2
  11. package/fesm2022/shival99-z-ui-components-z-empty.mjs.map +1 -1
  12. package/fesm2022/shival99-z-ui-components-z-icon.mjs +3 -8
  13. package/fesm2022/shival99-z-ui-components-z-icon.mjs.map +1 -1
  14. package/fesm2022/shival99-z-ui-components-z-table.mjs +87 -9
  15. package/fesm2022/shival99-z-ui-components-z-table.mjs.map +1 -1
  16. package/fesm2022/shival99-z-ui-services.mjs +139 -58
  17. package/fesm2022/shival99-z-ui-services.mjs.map +1 -1
  18. package/package.json +1 -1
  19. package/types/shival99-z-ui-components-z-table.d.ts +2 -1
  20. package/types/shival99-z-ui-services.d.ts +17 -47
package/assets/css/themes/orange.css CHANGED
@@ -1,73 +1,75 @@
1
1
  /* ORANGE THEME */
2
- :root[z-theme='orange'] {
3
- --radius: 0.65rem;
4
- --background: oklch(1 0 0);
5
- --foreground: oklch(0.141 0.005 285.823);
6
- --card: oklch(1 0 0);
7
- --card-foreground: oklch(0.141 0.005 285.823);
8
- --popover: oklch(1 0 0);
9
- --popover-foreground: oklch(0.141 0.005 285.823);
10
- --primary: oklch(0.646 0.222 41.116);
11
- --primary-foreground: oklch(0.98 0.016 73.684);
12
- --secondary: oklch(0.967 0.001 286.375);
13
- --secondary-foreground: oklch(0.21 0.006 285.885);
14
- --muted: oklch(0.967 0.001 286.375);
15
- --muted-foreground: oklch(0.552 0.016 285.938);
16
- --accent: oklch(0.967 0.001 286.375);
17
- --accent-foreground: oklch(0.21 0.006 285.885);
18
- --destructive: oklch(0.577 0.245 27.325);
19
- --destructive-foreground: oklch(0.985 0 0);
20
- --border: oklch(0.92 0.004 286.32);
21
- --input: oklch(0.92 0.004 286.32);
22
- --input-autofill: oklch(1 0 0);
23
- --ring: oklch(0.75 0.183 55.934);
24
- --chart-1: oklch(0.837 0.128 66.29);
25
- --chart-2: oklch(0.705 0.213 47.604);
26
- --chart-3: oklch(0.646 0.222 41.116);
27
- --chart-4: oklch(0.553 0.195 38.402);
28
- --chart-5: oklch(0.47 0.157 37.304);
29
- --sidebar: oklch(0.985 0 0);
30
- --sidebar-foreground: oklch(0.141 0.005 285.823);
31
- --sidebar-primary: oklch(0.646 0.222 41.116);
32
- --sidebar-primary-foreground: oklch(0.98 0.016 73.684);
33
- --sidebar-accent: oklch(0.967 0.001 286.375);
34
- --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
35
- --sidebar-border: oklch(0.92 0.004 286.32);
36
- --sidebar-ring: oklch(0.75 0.183 55.934);
37
- }
2
+ @layer z-theme {
3
+ :root[z-theme='orange'] {
4
+ --radius: 0.65rem;
5
+ --background: oklch(1 0 0);
6
+ --foreground: oklch(0.141 0.005 285.823);
7
+ --card: oklch(1 0 0);
8
+ --card-foreground: oklch(0.141 0.005 285.823);
9
+ --popover: oklch(1 0 0);
10
+ --popover-foreground: oklch(0.141 0.005 285.823);
11
+ --primary: oklch(0.646 0.222 41.116);
12
+ --primary-foreground: oklch(0.98 0.016 73.684);
13
+ --secondary: oklch(0.967 0.001 286.375);
14
+ --secondary-foreground: oklch(0.21 0.006 285.885);
15
+ --muted: oklch(0.967 0.001 286.375);
16
+ --muted-foreground: oklch(0.552 0.016 285.938);
17
+ --accent: oklch(0.967 0.001 286.375);
18
+ --accent-foreground: oklch(0.21 0.006 285.885);
19
+ --destructive: oklch(0.577 0.245 27.325);
20
+ --destructive-foreground: oklch(0.985 0 0);
21
+ --border: oklch(0.92 0.004 286.32);
22
+ --input: oklch(0.92 0.004 286.32);
23
+ --input-autofill: oklch(1 0 0);
24
+ --ring: oklch(0.75 0.183 55.934);
25
+ --chart-1: oklch(0.837 0.128 66.29);
26
+ --chart-2: oklch(0.705 0.213 47.604);
27
+ --chart-3: oklch(0.646 0.222 41.116);
28
+ --chart-4: oklch(0.553 0.195 38.402);
29
+ --chart-5: oklch(0.47 0.157 37.304);
30
+ --sidebar: oklch(0.985 0 0);
31
+ --sidebar-foreground: oklch(0.141 0.005 285.823);
32
+ --sidebar-primary: oklch(0.646 0.222 41.116);
33
+ --sidebar-primary-foreground: oklch(0.98 0.016 73.684);
34
+ --sidebar-accent: oklch(0.967 0.001 286.375);
35
+ --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
36
+ --sidebar-border: oklch(0.92 0.004 286.32);
37
+ --sidebar-ring: oklch(0.75 0.183 55.934);
38
+ }
38
39
 
39
- :root[z-theme='orange'].dark {
40
- --background: oklch(0.141 0.005 285.823);
41
- --foreground: oklch(0.985 0 0);
42
- --card: oklch(0.21 0.006 285.885);
43
- --card-foreground: oklch(0.985 0 0);
44
- --popover: oklch(0.21 0.006 285.885);
45
- --popover-foreground: oklch(0.985 0 0);
46
- --primary: oklch(0.705 0.213 47.604);
47
- --primary-foreground: oklch(0.98 0.016 73.684);
48
- --secondary: oklch(0.274 0.006 286.033);
49
- --secondary-foreground: oklch(0.985 0 0);
50
- --muted: oklch(0.274 0.006 286.033);
51
- --muted-foreground: oklch(0.705 0.015 286.067);
52
- --accent: oklch(0.274 0.006 286.033);
53
- --accent-foreground: oklch(0.985 0 0);
54
- --destructive: oklch(0.704 0.191 22.216);
55
- --destructive-foreground: oklch(0.985 0 0);
56
- --border: oklch(1 0 0 / 10%);
57
- --input: oklch(1 0 0 / 15%);
58
- --input-autofill: oklch(0.19 0 0);
59
- --ring: oklch(0.408 0.123 38.172);
60
- --chart-1: oklch(0.837 0.128 66.29);
61
- --chart-2: oklch(0.705 0.213 47.604);
62
- --chart-3: oklch(0.646 0.222 41.116);
63
- --chart-4: oklch(0.553 0.195 38.402);
64
- --chart-5: oklch(0.47 0.157 37.304);
65
- --sidebar: oklch(0.21 0.006 285.885);
66
- --sidebar-foreground: oklch(0.985 0 0);
67
- --sidebar-primary: oklch(0.705 0.213 47.604);
68
- --sidebar-primary-foreground: oklch(0.98 0.016 73.684);
69
- --sidebar-accent: oklch(0.274 0.006 286.033);
70
- --sidebar-accent-foreground: oklch(0.985 0 0);
71
- --sidebar-border: oklch(1 0 0 / 10%);
72
- --sidebar-ring: oklch(0.408 0.123 38.172);
40
+ :root[z-theme='orange'].dark {
41
+ --background: oklch(0.141 0.005 285.823);
42
+ --foreground: oklch(0.985 0 0);
43
+ --card: oklch(0.21 0.006 285.885);
44
+ --card-foreground: oklch(0.985 0 0);
45
+ --popover: oklch(0.21 0.006 285.885);
46
+ --popover-foreground: oklch(0.985 0 0);
47
+ --primary: oklch(0.705 0.213 47.604);
48
+ --primary-foreground: oklch(0.98 0.016 73.684);
49
+ --secondary: oklch(0.274 0.006 286.033);
50
+ --secondary-foreground: oklch(0.985 0 0);
51
+ --muted: oklch(0.274 0.006 286.033);
52
+ --muted-foreground: oklch(0.705 0.015 286.067);
53
+ --accent: oklch(0.274 0.006 286.033);
54
+ --accent-foreground: oklch(0.985 0 0);
55
+ --destructive: oklch(0.704 0.191 22.216);
56
+ --destructive-foreground: oklch(0.985 0 0);
57
+ --border: oklch(1 0 0 / 10%);
58
+ --input: oklch(1 0 0 / 15%);
59
+ --input-autofill: oklch(0.19 0 0);
60
+ --ring: oklch(0.408 0.123 38.172);
61
+ --chart-1: oklch(0.837 0.128 66.29);
62
+ --chart-2: oklch(0.705 0.213 47.604);
63
+ --chart-3: oklch(0.646 0.222 41.116);
64
+ --chart-4: oklch(0.553 0.195 38.402);
65
+ --chart-5: oklch(0.47 0.157 37.304);
66
+ --sidebar: oklch(0.21 0.006 285.885);
67
+ --sidebar-foreground: oklch(0.985 0 0);
68
+ --sidebar-primary: oklch(0.705 0.213 47.604);
69
+ --sidebar-primary-foreground: oklch(0.98 0.016 73.684);
70
+ --sidebar-accent: oklch(0.274 0.006 286.033);
71
+ --sidebar-accent-foreground: oklch(0.985 0 0);
72
+ --sidebar-border: oklch(1 0 0 / 10%);
73
+ --sidebar-ring: oklch(0.408 0.123 38.172);
74
+ }
73
75
  }
package/assets/css/themes/slate.css CHANGED
@@ -1,73 +1,75 @@
1
1
  /* SLATE THEME */
2
- :root[z-theme='slate'] {
3
- --radius: 0.625rem;
4
- --background: oklch(1 0 0);
5
- --foreground: oklch(0.129 0.042 264.695);
6
- --card: oklch(1 0 0);
7
- --card-foreground: oklch(0.129 0.042 264.695);
8
- --popover: oklch(1 0 0);
9
- --popover-foreground: oklch(0.129 0.042 264.695);
10
- --primary: oklch(0.208 0.042 265.755);
11
- --primary-foreground: oklch(0.984 0.003 247.858);
12
- --secondary: oklch(0.968 0.007 247.896);
13
- --secondary-foreground: oklch(0.208 0.042 265.755);
14
- --muted: oklch(0.968 0.007 247.896);
15
- --muted-foreground: oklch(0.554 0.046 257.417);
16
- --accent: oklch(0.968 0.007 247.896);
17
- --accent-foreground: oklch(0.208 0.042 265.755);
18
- --destructive: oklch(0.577 0.245 27.325);
19
- --destructive-foreground: oklch(0.985 0 0);
20
- --border: oklch(0.929 0.013 255.508);
21
- --input: oklch(0.929 0.013 255.508);
22
- --input-autofill: oklch(1 0 0);
23
- --ring: oklch(0.704 0.04 256.788);
24
- --chart-1: oklch(0.646 0.222 41.116);
25
- --chart-2: oklch(0.6 0.118 184.704);
26
- --chart-3: oklch(0.398 0.07 227.334);
27
- --chart-4: oklch(0.828 0.189 84.429);
28
- --chart-5: oklch(0.769 0.188 70.08);
29
- --sidebar: oklch(0.984 0.003 247.858);
30
- --sidebar-foreground: oklch(0.129 0.042 264.695);
31
- --sidebar-primary: oklch(0.208 0.042 265.755);
32
- --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
33
- --sidebar-accent: oklch(0.968 0.007 247.896);
34
- --sidebar-accent-foreground: oklch(0.208 0.042 265.755);
35
- --sidebar-border: oklch(0.929 0.013 255.508);
36
- --sidebar-ring: oklch(0.704 0.04 256.788);
37
- }
2
+ @layer z-theme {
3
+ :root[z-theme='slate'] {
4
+ --radius: 0.625rem;
5
+ --background: oklch(1 0 0);
6
+ --foreground: oklch(0.129 0.042 264.695);
7
+ --card: oklch(1 0 0);
8
+ --card-foreground: oklch(0.129 0.042 264.695);
9
+ --popover: oklch(1 0 0);
10
+ --popover-foreground: oklch(0.129 0.042 264.695);
11
+ --primary: oklch(0.208 0.042 265.755);
12
+ --primary-foreground: oklch(0.984 0.003 247.858);
13
+ --secondary: oklch(0.968 0.007 247.896);
14
+ --secondary-foreground: oklch(0.208 0.042 265.755);
15
+ --muted: oklch(0.968 0.007 247.896);
16
+ --muted-foreground: oklch(0.554 0.046 257.417);
17
+ --accent: oklch(0.968 0.007 247.896);
18
+ --accent-foreground: oklch(0.208 0.042 265.755);
19
+ --destructive: oklch(0.577 0.245 27.325);
20
+ --destructive-foreground: oklch(0.985 0 0);
21
+ --border: oklch(0.929 0.013 255.508);
22
+ --input: oklch(0.929 0.013 255.508);
23
+ --input-autofill: oklch(1 0 0);
24
+ --ring: oklch(0.704 0.04 256.788);
25
+ --chart-1: oklch(0.646 0.222 41.116);
26
+ --chart-2: oklch(0.6 0.118 184.704);
27
+ --chart-3: oklch(0.398 0.07 227.334);
28
+ --chart-4: oklch(0.828 0.189 84.429);
29
+ --chart-5: oklch(0.769 0.188 70.08);
30
+ --sidebar: oklch(0.984 0.003 247.858);
31
+ --sidebar-foreground: oklch(0.129 0.042 264.695);
32
+ --sidebar-primary: oklch(0.208 0.042 265.755);
33
+ --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
34
+ --sidebar-accent: oklch(0.968 0.007 247.896);
35
+ --sidebar-accent-foreground: oklch(0.208 0.042 265.755);
36
+ --sidebar-border: oklch(0.929 0.013 255.508);
37
+ --sidebar-ring: oklch(0.704 0.04 256.788);
38
+ }
38
39
 
39
- :root[z-theme='slate'].dark {
40
- --background: oklch(0.129 0.042 264.695);
41
- --foreground: oklch(0.984 0.003 247.858);
42
- --card: oklch(0.208 0.042 265.755);
43
- --card-foreground: oklch(0.984 0.003 247.858);
44
- --popover: oklch(0.208 0.042 265.755);
45
- --popover-foreground: oklch(0.984 0.003 247.858);
46
- --primary: oklch(0.929 0.013 255.508);
47
- --primary-foreground: oklch(0.208 0.042 265.755);
48
- --secondary: oklch(0.279 0.041 260.031);
49
- --secondary-foreground: oklch(0.984 0.003 247.858);
50
- --muted: oklch(0.279 0.041 260.031);
51
- --muted-foreground: oklch(0.704 0.04 256.788);
52
- --accent: oklch(0.279 0.041 260.031);
53
- --accent-foreground: oklch(0.984 0.003 247.858);
54
- --destructive: oklch(0.704 0.191 22.216);
55
- --destructive-foreground: oklch(0.985 0 0);
56
- --border: oklch(1 0 0 / 10%);
57
- --input: oklch(1 0 0 / 15%);
58
- --input-autofill: oklch(0.19 0 0);
59
- --ring: oklch(0.551 0.027 264.364);
60
- --chart-1: oklch(0.488 0.243 264.376);
61
- --chart-2: oklch(0.696 0.17 162.48);
62
- --chart-3: oklch(0.769 0.188 70.08);
63
- --chart-4: oklch(0.627 0.265 303.9);
64
- --chart-5: oklch(0.645 0.246 16.439);
65
- --sidebar: oklch(0.208 0.042 265.755);
66
- --sidebar-foreground: oklch(0.984 0.003 247.858);
67
- --sidebar-primary: oklch(0.929 0.013 255.508);
68
- --sidebar-primary-foreground: oklch(0.208 0.042 265.755);
69
- --sidebar-accent: oklch(0.279 0.041 260.031);
70
- --sidebar-accent-foreground: oklch(0.984 0.003 247.858);
71
- --sidebar-border: oklch(1 0 0 / 10%);
72
- --sidebar-ring: oklch(0.551 0.027 264.364);
40
+ :root[z-theme='slate'].dark {
41
+ --background: oklch(0.129 0.042 264.695);
42
+ --foreground: oklch(0.984 0.003 247.858);
43
+ --card: oklch(0.208 0.042 265.755);
44
+ --card-foreground: oklch(0.984 0.003 247.858);
45
+ --popover: oklch(0.208 0.042 265.755);
46
+ --popover-foreground: oklch(0.984 0.003 247.858);
47
+ --primary: oklch(0.929 0.013 255.508);
48
+ --primary-foreground: oklch(0.208 0.042 265.755);
49
+ --secondary: oklch(0.279 0.041 260.031);
50
+ --secondary-foreground: oklch(0.984 0.003 247.858);
51
+ --muted: oklch(0.279 0.041 260.031);
52
+ --muted-foreground: oklch(0.704 0.04 256.788);
53
+ --accent: oklch(0.279 0.041 260.031);
54
+ --accent-foreground: oklch(0.984 0.003 247.858);
55
+ --destructive: oklch(0.704 0.191 22.216);
56
+ --destructive-foreground: oklch(0.985 0 0);
57
+ --border: oklch(1 0 0 / 10%);
58
+ --input: oklch(1 0 0 / 15%);
59
+ --input-autofill: oklch(0.19 0 0);
60
+ --ring: oklch(0.551 0.027 264.364);
61
+ --chart-1: oklch(0.488 0.243 264.376);
62
+ --chart-2: oklch(0.696 0.17 162.48);
63
+ --chart-3: oklch(0.769 0.188 70.08);
64
+ --chart-4: oklch(0.627 0.265 303.9);
65
+ --chart-5: oklch(0.645 0.246 16.439);
66
+ --sidebar: oklch(0.208 0.042 265.755);
67
+ --sidebar-foreground: oklch(0.984 0.003 247.858);
68
+ --sidebar-primary: oklch(0.929 0.013 255.508);
69
+ --sidebar-primary-foreground: oklch(0.208 0.042 265.755);
70
+ --sidebar-accent: oklch(0.279 0.041 260.031);
71
+ --sidebar-accent-foreground: oklch(0.984 0.003 247.858);
72
+ --sidebar-border: oklch(1 0 0 / 10%);
73
+ --sidebar-ring: oklch(0.551 0.027 264.364);
74
+ }
73
75
  }
package/assets/css/themes/stone.css CHANGED
@@ -1,73 +1,75 @@
1
1
  /* STONE THEME */
2
- :root[z-theme='stone'] {
3
- --radius: 0.625rem;
4
- --background: oklch(1 0 0);
5
- --foreground: oklch(0.147 0.004 49.25);
6
- --card: oklch(1 0 0);
7
- --card-foreground: oklch(0.147 0.004 49.25);
8
- --popover: oklch(1 0 0);
9
- --popover-foreground: oklch(0.147 0.004 49.25);
10
- --primary: oklch(0.216 0.006 56.043);
11
- --primary-foreground: oklch(0.985 0.001 106.423);
12
- --secondary: oklch(0.97 0.001 106.424);
13
- --secondary-foreground: oklch(0.216 0.006 56.043);
14
- --muted: oklch(0.97 0.001 106.424);
15
- --muted-foreground: oklch(0.553 0.013 58.071);
16
- --accent: oklch(0.97 0.001 106.424);
17
- --accent-foreground: oklch(0.216 0.006 56.043);
18
- --destructive: oklch(0.577 0.245 27.325);
19
- --destructive-foreground: oklch(0.985 0 0);
20
- --border: oklch(0.923 0.003 48.717);
21
- --input: oklch(0.923 0.003 48.717);
22
- --input-autofill: oklch(1 0 0);
23
- --ring: oklch(0.709 0.01 56.259);
24
- --chart-1: oklch(0.646 0.222 41.116);
25
- --chart-2: oklch(0.6 0.118 184.704);
26
- --chart-3: oklch(0.398 0.07 227.334);
27
- --chart-4: oklch(0.828 0.189 84.429);
28
- --chart-5: oklch(0.769 0.188 70.08);
29
- --sidebar: oklch(0.985 0.001 106.423);
30
- --sidebar-foreground: oklch(0.147 0.004 49.25);
31
- --sidebar-primary: oklch(0.216 0.006 56.043);
32
- --sidebar-primary-foreground: oklch(0.985 0.001 106.423);
33
- --sidebar-accent: oklch(0.97 0.001 106.424);
34
- --sidebar-accent-foreground: oklch(0.216 0.006 56.043);
35
- --sidebar-border: oklch(0.923 0.003 48.717);
36
- --sidebar-ring: oklch(0.709 0.01 56.259);
37
- }
2
+ @layer z-theme {
3
+ :root[z-theme='stone'] {
4
+ --radius: 0.625rem;
5
+ --background: oklch(1 0 0);
6
+ --foreground: oklch(0.147 0.004 49.25);
7
+ --card: oklch(1 0 0);
8
+ --card-foreground: oklch(0.147 0.004 49.25);
9
+ --popover: oklch(1 0 0);
10
+ --popover-foreground: oklch(0.147 0.004 49.25);
11
+ --primary: oklch(0.216 0.006 56.043);
12
+ --primary-foreground: oklch(0.985 0.001 106.423);
13
+ --secondary: oklch(0.97 0.001 106.424);
14
+ --secondary-foreground: oklch(0.216 0.006 56.043);
15
+ --muted: oklch(0.97 0.001 106.424);
16
+ --muted-foreground: oklch(0.553 0.013 58.071);
17
+ --accent: oklch(0.97 0.001 106.424);
18
+ --accent-foreground: oklch(0.216 0.006 56.043);
19
+ --destructive: oklch(0.577 0.245 27.325);
20
+ --destructive-foreground: oklch(0.985 0 0);
21
+ --border: oklch(0.923 0.003 48.717);
22
+ --input: oklch(0.923 0.003 48.717);
23
+ --input-autofill: oklch(1 0 0);
24
+ --ring: oklch(0.709 0.01 56.259);
25
+ --chart-1: oklch(0.646 0.222 41.116);
26
+ --chart-2: oklch(0.6 0.118 184.704);
27
+ --chart-3: oklch(0.398 0.07 227.334);
28
+ --chart-4: oklch(0.828 0.189 84.429);
29
+ --chart-5: oklch(0.769 0.188 70.08);
30
+ --sidebar: oklch(0.985 0.001 106.423);
31
+ --sidebar-foreground: oklch(0.147 0.004 49.25);
32
+ --sidebar-primary: oklch(0.216 0.006 56.043);
33
+ --sidebar-primary-foreground: oklch(0.985 0.001 106.423);
34
+ --sidebar-accent: oklch(0.97 0.001 106.424);
35
+ --sidebar-accent-foreground: oklch(0.216 0.006 56.043);
36
+ --sidebar-border: oklch(0.923 0.003 48.717);
37
+ --sidebar-ring: oklch(0.709 0.01 56.259);
38
+ }
38
39
 
39
- :root[z-theme='stone'].dark {
40
- --background: oklch(0.147 0.004 49.25);
41
- --foreground: oklch(0.985 0.001 106.423);
42
- --card: oklch(0.216 0.006 56.043);
43
- --card-foreground: oklch(0.985 0.001 106.423);
44
- --popover: oklch(0.216 0.006 56.043);
45
- --popover-foreground: oklch(0.985 0.001 106.423);
46
- --primary: oklch(0.923 0.003 48.717);
47
- --primary-foreground: oklch(0.216 0.006 56.043);
48
- --secondary: oklch(0.268 0.007 34.298);
49
- --secondary-foreground: oklch(0.985 0.001 106.423);
50
- --muted: oklch(0.268 0.007 34.298);
51
- --muted-foreground: oklch(0.709 0.01 56.259);
52
- --accent: oklch(0.268 0.007 34.298);
53
- --accent-foreground: oklch(0.985 0.001 106.423);
54
- --destructive: oklch(0.704 0.191 22.216);
55
- --destructive-foreground: oklch(0.985 0 0);
56
- --border: oklch(1 0 0 / 10%);
57
- --input: oklch(1 0 0 / 15%);
58
- --input-autofill: oklch(0.19 0 0);
59
- --ring: oklch(0.553 0.013 58.071);
60
- --chart-1: oklch(0.488 0.243 264.376);
61
- --chart-2: oklch(0.696 0.17 162.48);
62
- --chart-3: oklch(0.769 0.188 70.08);
63
- --chart-4: oklch(0.627 0.265 303.9);
64
- --chart-5: oklch(0.645 0.246 16.439);
65
- --sidebar: oklch(0.216 0.006 56.043);
66
- --sidebar-foreground: oklch(0.985 0.001 106.423);
67
- --sidebar-primary: oklch(0.923 0.003 48.717);
68
- --sidebar-primary-foreground: oklch(0.216 0.006 56.043);
69
- --sidebar-accent: oklch(0.268 0.007 34.298);
70
- --sidebar-accent-foreground: oklch(0.985 0.001 106.423);
71
- --sidebar-border: oklch(1 0 0 / 10%);
72
- --sidebar-ring: oklch(0.553 0.013 58.071);
40
+ :root[z-theme='stone'].dark {
41
+ --background: oklch(0.147 0.004 49.25);
42
+ --foreground: oklch(0.985 0.001 106.423);
43
+ --card: oklch(0.216 0.006 56.043);
44
+ --card-foreground: oklch(0.985 0.001 106.423);
45
+ --popover: oklch(0.216 0.006 56.043);
46
+ --popover-foreground: oklch(0.985 0.001 106.423);
47
+ --primary: oklch(0.923 0.003 48.717);
48
+ --primary-foreground: oklch(0.216 0.006 56.043);
49
+ --secondary: oklch(0.268 0.007 34.298);
50
+ --secondary-foreground: oklch(0.985 0.001 106.423);
51
+ --muted: oklch(0.268 0.007 34.298);
52
+ --muted-foreground: oklch(0.709 0.01 56.259);
53
+ --accent: oklch(0.268 0.007 34.298);
54
+ --accent-foreground: oklch(0.985 0.001 106.423);
55
+ --destructive: oklch(0.704 0.191 22.216);
56
+ --destructive-foreground: oklch(0.985 0 0);
57
+ --border: oklch(1 0 0 / 10%);
58
+ --input: oklch(1 0 0 / 15%);
59
+ --input-autofill: oklch(0.19 0 0);
60
+ --ring: oklch(0.553 0.013 58.071);
61
+ --chart-1: oklch(0.488 0.243 264.376);
62
+ --chart-2: oklch(0.696 0.17 162.48);
63
+ --chart-3: oklch(0.769 0.188 70.08);
64
+ --chart-4: oklch(0.627 0.265 303.9);
65
+ --chart-5: oklch(0.645 0.246 16.439);
66
+ --sidebar: oklch(0.216 0.006 56.043);
67
+ --sidebar-foreground: oklch(0.985 0.001 106.423);
68
+ --sidebar-primary: oklch(0.923 0.003 48.717);
69
+ --sidebar-primary-foreground: oklch(0.216 0.006 56.043);
70
+ --sidebar-accent: oklch(0.268 0.007 34.298);
71
+ --sidebar-accent-foreground: oklch(0.985 0.001 106.423);
72
+ --sidebar-border: oklch(1 0 0 / 10%);
73
+ --sidebar-ring: oklch(0.553 0.013 58.071);
74
+ }
73
75
  }
package/assets/css/themes/violet.css CHANGED
@@ -1,73 +1,75 @@
1
1
  /* VIOLET THEME */
2
- :root[z-theme='violet'] {
3
- --radius: 0.65rem;
4
- --background: oklch(1 0 0);
5
- --foreground: oklch(0.141 0.005 285.823);
6
- --card: oklch(1 0 0);
7
- --card-foreground: oklch(0.141 0.005 285.823);
8
- --popover: oklch(1 0 0);
9
- --popover-foreground: oklch(0.141 0.005 285.823);
10
- --primary: oklch(0.541 0.281 293.009);
11
- --primary-foreground: oklch(0.969 0.016 293.756);
12
- --secondary: oklch(0.967 0.001 286.375);
13
- --secondary-foreground: oklch(0.21 0.006 285.885);
14
- --muted: oklch(0.967 0.001 286.375);
15
- --muted-foreground: oklch(0.552 0.016 285.938);
16
- --accent: oklch(0.967 0.001 286.375);
17
- --accent-foreground: oklch(0.21 0.006 285.885);
18
- --destructive: oklch(0.577 0.245 27.325);
19
- --destructive-foreground: oklch(0.985 0 0);
20
- --border: oklch(0.92 0.004 286.32);
21
- --input: oklch(0.92 0.004 286.32);
22
- --input-autofill: oklch(1 0 0);
23
- --ring: oklch(0.702 0.183 293.541);
24
- --chart-1: oklch(0.811 0.111 293.571);
25
- --chart-2: oklch(0.606 0.25 292.717);
26
- --chart-3: oklch(0.541 0.281 293.009);
27
- --chart-4: oklch(0.491 0.27 292.581);
28
- --chart-5: oklch(0.432 0.232 292.759);
29
- --sidebar: oklch(0.985 0 0);
30
- --sidebar-foreground: oklch(0.141 0.005 285.823);
31
- --sidebar-primary: oklch(0.541 0.281 293.009);
32
- --sidebar-primary-foreground: oklch(0.969 0.016 293.756);
33
- --sidebar-accent: oklch(0.967 0.001 286.375);
34
- --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
35
- --sidebar-border: oklch(0.92 0.004 286.32);
36
- --sidebar-ring: oklch(0.702 0.183 293.541);
37
- }
2
+ @layer z-theme {
3
+ :root[z-theme='violet'] {
4
+ --radius: 0.65rem;
5
+ --background: oklch(1 0 0);
6
+ --foreground: oklch(0.141 0.005 285.823);
7
+ --card: oklch(1 0 0);
8
+ --card-foreground: oklch(0.141 0.005 285.823);
9
+ --popover: oklch(1 0 0);
10
+ --popover-foreground: oklch(0.141 0.005 285.823);
11
+ --primary: oklch(0.541 0.281 293.009);
12
+ --primary-foreground: oklch(0.969 0.016 293.756);
13
+ --secondary: oklch(0.967 0.001 286.375);
14
+ --secondary-foreground: oklch(0.21 0.006 285.885);
15
+ --muted: oklch(0.967 0.001 286.375);
16
+ --muted-foreground: oklch(0.552 0.016 285.938);
17
+ --accent: oklch(0.967 0.001 286.375);
18
+ --accent-foreground: oklch(0.21 0.006 285.885);
19
+ --destructive: oklch(0.577 0.245 27.325);
20
+ --destructive-foreground: oklch(0.985 0 0);
21
+ --border: oklch(0.92 0.004 286.32);
22
+ --input: oklch(0.92 0.004 286.32);
23
+ --input-autofill: oklch(1 0 0);
24
+ --ring: oklch(0.702 0.183 293.541);
25
+ --chart-1: oklch(0.811 0.111 293.571);
26
+ --chart-2: oklch(0.606 0.25 292.717);
27
+ --chart-3: oklch(0.541 0.281 293.009);
28
+ --chart-4: oklch(0.491 0.27 292.581);
29
+ --chart-5: oklch(0.432 0.232 292.759);
30
+ --sidebar: oklch(0.985 0 0);
31
+ --sidebar-foreground: oklch(0.141 0.005 285.823);
32
+ --sidebar-primary: oklch(0.541 0.281 293.009);
33
+ --sidebar-primary-foreground: oklch(0.969 0.016 293.756);
34
+ --sidebar-accent: oklch(0.967 0.001 286.375);
35
+ --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
36
+ --sidebar-border: oklch(0.92 0.004 286.32);
37
+ --sidebar-ring: oklch(0.702 0.183 293.541);
38
+ }
38
39
 
39
- :root[z-theme='violet'].dark {
40
- --background: oklch(0.141 0.005 285.823);
41
- --foreground: oklch(0.985 0 0);
42
- --card: oklch(0.21 0.006 285.885);
43
- --card-foreground: oklch(0.985 0 0);
44
- --popover: oklch(0.21 0.006 285.885);
45
- --popover-foreground: oklch(0.985 0 0);
46
- --primary: oklch(0.606 0.25 292.717);
47
- --primary-foreground: oklch(0.969 0.016 293.756);
48
- --secondary: oklch(0.274 0.006 286.033);
49
- --secondary-foreground: oklch(0.985 0 0);
50
- --muted: oklch(0.274 0.006 286.033);
51
- --muted-foreground: oklch(0.705 0.015 286.067);
52
- --accent: oklch(0.274 0.006 286.033);
53
- --accent-foreground: oklch(0.985 0 0);
54
- --destructive: oklch(0.704 0.191 22.216);
55
- --destructive-foreground: oklch(0.985 0 0);
56
- --border: oklch(1 0 0 / 10%);
57
- --input: oklch(1 0 0 / 15%);
58
- --input-autofill: oklch(0.19 0 0);
59
- --ring: oklch(0.38 0.189 293.745);
60
- --chart-1: oklch(0.811 0.111 293.571);
61
- --chart-2: oklch(0.606 0.25 292.717);
62
- --chart-3: oklch(0.541 0.281 293.009);
63
- --chart-4: oklch(0.491 0.27 292.581);
64
- --chart-5: oklch(0.432 0.232 292.759);
65
- --sidebar: oklch(0.21 0.006 285.885);
66
- --sidebar-foreground: oklch(0.985 0 0);
67
- --sidebar-primary: oklch(0.606 0.25 292.717);
68
- --sidebar-primary-foreground: oklch(0.969 0.016 293.756);
69
- --sidebar-accent: oklch(0.274 0.006 286.033);
70
- --sidebar-accent-foreground: oklch(0.985 0 0);
71
- --sidebar-border: oklch(1 0 0 / 10%);
72
- --sidebar-ring: oklch(0.38 0.189 293.745);
40
+ :root[z-theme='violet'].dark {
41
+ --background: oklch(0.141 0.005 285.823);
42
+ --foreground: oklch(0.985 0 0);
43
+ --card: oklch(0.21 0.006 285.885);
44
+ --card-foreground: oklch(0.985 0 0);
45
+ --popover: oklch(0.21 0.006 285.885);
46
+ --popover-foreground: oklch(0.985 0 0);
47
+ --primary: oklch(0.606 0.25 292.717);
48
+ --primary-foreground: oklch(0.969 0.016 293.756);
49
+ --secondary: oklch(0.274 0.006 286.033);
50
+ --secondary-foreground: oklch(0.985 0 0);
51
+ --muted: oklch(0.274 0.006 286.033);
52
+ --muted-foreground: oklch(0.705 0.015 286.067);
53
+ --accent: oklch(0.274 0.006 286.033);
54
+ --accent-foreground: oklch(0.985 0 0);
55
+ --destructive: oklch(0.704 0.191 22.216);
56
+ --destructive-foreground: oklch(0.985 0 0);
57
+ --border: oklch(1 0 0 / 10%);
58
+ --input: oklch(1 0 0 / 15%);
59
+ --input-autofill: oklch(0.19 0 0);
60
+ --ring: oklch(0.38 0.189 293.745);
61
+ --chart-1: oklch(0.811 0.111 293.571);
62
+ --chart-2: oklch(0.606 0.25 292.717);
63
+ --chart-3: oklch(0.541 0.281 293.009);
64
+ --chart-4: oklch(0.491 0.27 292.581);
65
+ --chart-5: oklch(0.432 0.232 292.759);
66
+ --sidebar: oklch(0.21 0.006 285.885);
67
+ --sidebar-foreground: oklch(0.985 0 0);
68
+ --sidebar-primary: oklch(0.606 0.25 292.717);
69
+ --sidebar-primary-foreground: oklch(0.969 0.016 293.756);
70
+ --sidebar-accent: oklch(0.274 0.006 286.033);
71
+ --sidebar-accent-foreground: oklch(0.985 0 0);
72
+ --sidebar-border: oklch(1 0 0 / 10%);
73
+ --sidebar-ring: oklch(0.38 0.189 293.745);
74
+ }
73
75
  }