@fastwork/xosmoz-theme 0.56.0 → 0.58.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 (12) hide show
  1. package/dist/dart/xz_colors.generated.dart +4 -92
  2. package/dist/figma-plugin.zip +0 -0
  3. package/dist/figma-tokens/Dark.json +0 -448
  4. package/dist/figma-tokens/Light.json +16 -408
  5. package/dist/index.js +65 -65
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +65 -65
  8. package/dist/index.mjs.map +1 -1
  9. package/dist/themes/dark.css +33 -33
  10. package/dist/themes/light.css +32 -32
  11. package/dist/themes.css +65 -65
  12. package/package.json +1 -1
package/dist/themes/dark.css CHANGED
@@ -1,7 +1,7 @@
1
1
  [data-theme="dark"] {
2
2
  --xz-box-shadow-100: 0 1px 2px 0 rgba(0, 0, 0, 0.24);
3
3
  --xz-box-shadow-200: 0 2px 6px 0 rgba(0, 0, 0, 0.32);
4
- --xz-box-shadow-300: 0 4px 16px 0 rgba(0, 0, 0, 0.40);
4
+ --xz-box-shadow-300: 0 4px 20px 0 rgba(0, 0, 0, 0.40);
5
5
  --xz-box-shadow-400: 0 8px 20px 0 rgba(0, 0, 0, 0.48);
6
6
  --xz-color-fastwork: oklch(0.57 0.237 260.608);
7
7
  --xz-color-gray: oklch(0.613 0.032 259.575);
@@ -28,10 +28,10 @@
28
28
  --xz-color-line-100: oklch(0.42 0.02 269 / 0.95);
29
29
  --xz-color-line-200: oklch(0.50 0.02 269 / 0.95);
30
30
  --xz-color-line-300: oklch(0.58 0.02 269 / 0.95);
31
- --xz-color-primary-soft-100: oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 0.08);
32
- --xz-color-primary-soft-200: oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 0.12);
33
- --xz-color-primary-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100));
34
- --xz-color-primary-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100));
31
+ --xz-color-primary-soft-100: oklch(from var(--xz-color-fastwork) l c h / 0.10);
32
+ --xz-color-primary-soft-200: oklch(from var(--xz-color-fastwork) l c h / 0.20);
33
+ --xz-color-primary-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-fastwork) l c h / 1) 10%, var(--xz-color-surface-100));
34
+ --xz-color-primary-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-fastwork) l c h / 1) 20%, var(--xz-color-surface-100));
35
35
  --xz-color-primary-line-100: color-mix(oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100));
36
36
  --xz-color-primary-line-200: color-mix(oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100));
37
37
  --xz-color-primary-line-300: color-mix(oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
@@ -40,10 +40,10 @@
40
40
  --xz-color-primary-fg-100: oklch(1 0 0 / 1);
41
41
  --xz-color-primary-text-100: oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1);
42
42
  --xz-color-primary-text-200: oklch(from var(--xz-color-fastwork) 0.85 0.2 h / 1);
43
- --xz-color-danger-soft-100: oklch(from var(--xz-color-red) 0.75 0.2 h / 0.08);
44
- --xz-color-danger-soft-200: oklch(from var(--xz-color-red) 0.75 0.2 h / 0.12);
45
- --xz-color-danger-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100));
46
- --xz-color-danger-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100));
43
+ --xz-color-danger-soft-100: oklch(from var(--xz-color-red) l c h / 0.10);
44
+ --xz-color-danger-soft-200: oklch(from var(--xz-color-red) l c h / 0.20);
45
+ --xz-color-danger-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-red) l c h / 1) 10%, var(--xz-color-surface-100));
46
+ --xz-color-danger-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-red) l c h / 1) 20%, var(--xz-color-surface-100));
47
47
  --xz-color-danger-line-100: color-mix(oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100));
48
48
  --xz-color-danger-line-200: color-mix(oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100));
49
49
  --xz-color-danger-line-300: color-mix(oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
@@ -52,10 +52,10 @@
52
52
  --xz-color-danger-fg-100: oklch(1 0 0 / 1);
53
53
  --xz-color-danger-text-100: oklch(from var(--xz-color-red) 0.75 0.2 h / 1);
54
54
  --xz-color-danger-text-200: oklch(from var(--xz-color-red) 0.85 0.2 h / 1);
55
- --xz-color-success-soft-100: oklch(from var(--xz-color-green) 0.75 0.2 h / 0.08);
56
- --xz-color-success-soft-200: oklch(from var(--xz-color-green) 0.75 0.2 h / 0.12);
57
- --xz-color-success-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100));
58
- --xz-color-success-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100));
55
+ --xz-color-success-soft-100: oklch(from var(--xz-color-green) l c h / 0.10);
56
+ --xz-color-success-soft-200: oklch(from var(--xz-color-green) l c h / 0.20);
57
+ --xz-color-success-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-green) l c h / 1) 10%, var(--xz-color-surface-100));
58
+ --xz-color-success-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-green) l c h / 1) 20%, var(--xz-color-surface-100));
59
59
  --xz-color-success-line-100: color-mix(oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100));
60
60
  --xz-color-success-line-200: color-mix(oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100));
61
61
  --xz-color-success-line-300: color-mix(oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
@@ -64,10 +64,10 @@
64
64
  --xz-color-success-fg-100: oklch(0 0 0 / 0.95);
65
65
  --xz-color-success-text-100: oklch(from var(--xz-color-green) 0.75 0.2 h / 1);
66
66
  --xz-color-success-text-200: oklch(from var(--xz-color-green) 0.85 0.2 h / 1);
67
- --xz-color-warning-soft-100: oklch(from var(--xz-color-yellow) 0.75 0.2 h / 0.08);
68
- --xz-color-warning-soft-200: oklch(from var(--xz-color-yellow) 0.75 0.2 h / 0.12);
69
- --xz-color-warning-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100));
70
- --xz-color-warning-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100));
67
+ --xz-color-warning-soft-100: oklch(from var(--xz-color-yellow) l c h / 0.10);
68
+ --xz-color-warning-soft-200: oklch(from var(--xz-color-yellow) l c h / 0.20);
69
+ --xz-color-warning-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-yellow) l c h / 1) 10%, var(--xz-color-surface-100));
70
+ --xz-color-warning-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-yellow) l c h / 1) 20%, var(--xz-color-surface-100));
71
71
  --xz-color-warning-line-100: color-mix(oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100));
72
72
  --xz-color-warning-line-200: color-mix(oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100));
73
73
  --xz-color-warning-line-300: color-mix(oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
@@ -76,10 +76,10 @@
76
76
  --xz-color-warning-fg-100: oklch(0 0 0 / 0.95);
77
77
  --xz-color-warning-text-100: oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1);
78
78
  --xz-color-warning-text-200: oklch(from var(--xz-color-yellow) 0.85 0.2 h / 1);
79
- --xz-color-info-soft-100: oklch(from var(--xz-color-cyan) 0.75 0.2 h / 0.08);
80
- --xz-color-info-soft-200: oklch(from var(--xz-color-cyan) 0.75 0.2 h / 0.12);
81
- --xz-color-info-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100));
82
- --xz-color-info-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100));
79
+ --xz-color-info-soft-100: oklch(from var(--xz-color-cyan) l c h / 0.10);
80
+ --xz-color-info-soft-200: oklch(from var(--xz-color-cyan) l c h / 0.20);
81
+ --xz-color-info-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-cyan) l c h / 1) 10%, var(--xz-color-surface-100));
82
+ --xz-color-info-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-cyan) l c h / 1) 20%, var(--xz-color-surface-100));
83
83
  --xz-color-info-line-100: color-mix(oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100));
84
84
  --xz-color-info-line-200: color-mix(oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100));
85
85
  --xz-color-info-line-300: color-mix(oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
@@ -88,10 +88,10 @@
88
88
  --xz-color-info-fg-100: oklch(0 0 0 / 0.95);
89
89
  --xz-color-info-text-100: oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1);
90
90
  --xz-color-info-text-200: oklch(from var(--xz-color-cyan) 0.85 0.2 h / 1);
91
- --xz-color-orange-soft-100: oklch(from var(--xz-color-orange) 0.75 0.2 h / 0.08);
92
- --xz-color-orange-soft-200: oklch(from var(--xz-color-orange) 0.75 0.2 h / 0.12);
93
- --xz-color-orange-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100));
94
- --xz-color-orange-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100));
91
+ --xz-color-orange-soft-100: oklch(from var(--xz-color-orange) l c h / 0.10);
92
+ --xz-color-orange-soft-200: oklch(from var(--xz-color-orange) l c h / 0.20);
93
+ --xz-color-orange-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-orange) l c h / 1) 10%, var(--xz-color-surface-100));
94
+ --xz-color-orange-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-orange) l c h / 1) 20%, var(--xz-color-surface-100));
95
95
  --xz-color-orange-line-100: color-mix(oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100));
96
96
  --xz-color-orange-line-200: color-mix(oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100));
97
97
  --xz-color-orange-line-300: color-mix(oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
@@ -100,10 +100,10 @@
100
100
  --xz-color-orange-fg-100: oklch(0 0 0);
101
101
  --xz-color-orange-text-100: oklch(from var(--xz-color-orange) 0.75 0.2 h / 1);
102
102
  --xz-color-orange-text-200: oklch(from var(--xz-color-orange) 0.85 0.2 h / 1);
103
- --xz-color-purple-soft-100: oklch(from var(--xz-color-purple) 0.75 0.2 h / 0.08);
104
- --xz-color-purple-soft-200: oklch(from var(--xz-color-purple) 0.75 0.2 h / 0.12);
105
- --xz-color-purple-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100));
106
- --xz-color-purple-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100));
103
+ --xz-color-purple-soft-100: oklch(from var(--xz-color-purple) l c h / 0.10);
104
+ --xz-color-purple-soft-200: oklch(from var(--xz-color-purple) l c h / 0.20);
105
+ --xz-color-purple-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-purple) l c h / 1) 10%, var(--xz-color-surface-100));
106
+ --xz-color-purple-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-purple) l c h / 1) 20%, var(--xz-color-surface-100));
107
107
  --xz-color-purple-line-100: color-mix(oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100));
108
108
  --xz-color-purple-line-200: color-mix(oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100));
109
109
  --xz-color-purple-line-300: color-mix(oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
@@ -112,10 +112,10 @@
112
112
  --xz-color-purple-fg-100: oklch(0 0 0);
113
113
  --xz-color-purple-text-100: oklch(from var(--xz-color-purple) 0.75 0.2 h / 1);
114
114
  --xz-color-purple-text-200: oklch(from var(--xz-color-purple) 0.85 0.2 h / 1);
115
- --xz-color-neutral-soft-100: oklch(from var(--xz-color-gray) 0.75 c h / 0.08);
116
- --xz-color-neutral-soft-200: oklch(from var(--xz-color-gray) 0.75 c h / 0.12);
117
- --xz-color-neutral-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-gray) 0.75 c h / 1) 10%, var(--xz-color-surface-100));
118
- --xz-color-neutral-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-gray) 0.75 c h / 1) 16%, var(--xz-color-surface-100));
115
+ --xz-color-neutral-soft-100: oklch(from var(--xz-color-gray) l c h / 0.10);
116
+ --xz-color-neutral-soft-200: oklch(from var(--xz-color-gray) l c h / 0.20);
117
+ --xz-color-neutral-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-gray) l c h / 1) 10%, var(--xz-color-surface-100));
118
+ --xz-color-neutral-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-gray) l c h / 1) 20%, var(--xz-color-surface-100));
119
119
  --xz-color-neutral-line-100: color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 25%, var(--xz-color-surface-100));
120
120
  --xz-color-neutral-line-200: color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 50%, var(--xz-color-surface-100));
121
121
  --xz-color-neutral-line-300: color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 65%, var(--xz-color-surface-100));
package/dist/themes/light.css CHANGED
@@ -28,10 +28,10 @@
28
28
  --xz-color-line-100: oklch(0.90 0.01 260 / 0.97);
29
29
  --xz-color-line-200: oklch(0.85 0.01 260 / 0.97);
30
30
  --xz-color-line-300: oklch(0.80 0.01 260 / 0.97);
31
- --xz-color-primary-soft-100: oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 0.08);
32
- --xz-color-primary-soft-200: oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 0.12);
33
- --xz-color-primary-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100));
34
- --xz-color-primary-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100));
31
+ --xz-color-primary-soft-100: oklch(from var(--xz-color-fastwork) l c h / 0.10);
32
+ --xz-color-primary-soft-200: oklch(from var(--xz-color-fastwork) l c h / 0.20);
33
+ --xz-color-primary-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-fastwork) l c h / 1) 10%, var(--xz-color-surface-100));
34
+ --xz-color-primary-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-fastwork) l c h / 1) 20%, var(--xz-color-surface-100));
35
35
  --xz-color-primary-line-100: color-mix(oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100));
36
36
  --xz-color-primary-line-200: color-mix(oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100));
37
37
  --xz-color-primary-line-300: color-mix(oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
@@ -40,10 +40,10 @@
40
40
  --xz-color-primary-fg-100: oklch(1 0 0 / 1);
41
41
  --xz-color-primary-text-100: oklch(from var(--xz-color-fastwork) 0.55 c h / 1);
42
42
  --xz-color-primary-text-200: oklch(from var(--xz-color-fastwork) 0.4 c h / 1);
43
- --xz-color-danger-soft-100: oklch(from var(--xz-color-red) 0.5 0.23 h / 0.08);
44
- --xz-color-danger-soft-200: oklch(from var(--xz-color-red) 0.5 0.23 h / 0.12);
45
- --xz-color-danger-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100));
46
- --xz-color-danger-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100));
43
+ --xz-color-danger-soft-100: oklch(from var(--xz-color-red) l c h / 0.10);
44
+ --xz-color-danger-soft-200: oklch(from var(--xz-color-red) l c h / 0.20);
45
+ --xz-color-danger-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-red) l c h / 1) 10%, var(--xz-color-surface-100));
46
+ --xz-color-danger-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-red) l c h / 1) 20%, var(--xz-color-surface-100));
47
47
  --xz-color-danger-line-100: color-mix(oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100));
48
48
  --xz-color-danger-line-200: color-mix(oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100));
49
49
  --xz-color-danger-line-300: color-mix(oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
@@ -52,10 +52,10 @@
52
52
  --xz-color-danger-fg-100: oklch(1 0 0 / 1);
53
53
  --xz-color-danger-text-100: oklch(from var(--xz-color-red) 0.55 c h / 1);
54
54
  --xz-color-danger-text-200: oklch(from var(--xz-color-red) 0.4 c h / 1);
55
- --xz-color-success-soft-100: oklch(from var(--xz-color-green) 0.5 0.23 h / 0.08);
56
- --xz-color-success-soft-200: oklch(from var(--xz-color-green) 0.5 0.23 h / 0.12);
57
- --xz-color-success-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100));
58
- --xz-color-success-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100));
55
+ --xz-color-success-soft-100: oklch(from var(--xz-color-green) l c h / 0.10);
56
+ --xz-color-success-soft-200: oklch(from var(--xz-color-green) l c h / 0.20);
57
+ --xz-color-success-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-green) l c h / 1) 10%, var(--xz-color-surface-100));
58
+ --xz-color-success-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-green) l c h / 1) 20%, var(--xz-color-surface-100));
59
59
  --xz-color-success-line-100: color-mix(oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100));
60
60
  --xz-color-success-line-200: color-mix(oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100));
61
61
  --xz-color-success-line-300: color-mix(oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
@@ -64,10 +64,10 @@
64
64
  --xz-color-success-fg-100: oklch(0 0 0 / 0.95);
65
65
  --xz-color-success-text-100: oklch(from var(--xz-color-green) 0.55 c h / 1);
66
66
  --xz-color-success-text-200: oklch(from var(--xz-color-green) 0.4 c h / 1);
67
- --xz-color-warning-soft-100: oklch(from var(--xz-color-yellow) 0.5 0.23 h / 0.08);
68
- --xz-color-warning-soft-200: oklch(from var(--xz-color-yellow) 0.5 0.23 h / 0.12);
69
- --xz-color-warning-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100));
70
- --xz-color-warning-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100));
67
+ --xz-color-warning-soft-100: oklch(from var(--xz-color-yellow) l c h / 0.10);
68
+ --xz-color-warning-soft-200: oklch(from var(--xz-color-yellow) l c h / 0.20);
69
+ --xz-color-warning-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-yellow) l c h / 1) 10%, var(--xz-color-surface-100));
70
+ --xz-color-warning-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-yellow) l c h / 1) 20%, var(--xz-color-surface-100));
71
71
  --xz-color-warning-line-100: color-mix(oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100));
72
72
  --xz-color-warning-line-200: color-mix(oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100));
73
73
  --xz-color-warning-line-300: color-mix(oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
@@ -76,10 +76,10 @@
76
76
  --xz-color-warning-fg-100: oklch(0 0 0 / 0.95);
77
77
  --xz-color-warning-text-100: oklch(from var(--xz-color-yellow) 0.55 c h / 1);
78
78
  --xz-color-warning-text-200: oklch(from var(--xz-color-yellow) 0.4 c h / 1);
79
- --xz-color-info-soft-100: oklch(from var(--xz-color-cyan) 0.5 0.23 h / 0.08);
80
- --xz-color-info-soft-200: oklch(from var(--xz-color-cyan) 0.5 0.23 h / 0.12);
81
- --xz-color-info-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100));
82
- --xz-color-info-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100));
79
+ --xz-color-info-soft-100: oklch(from var(--xz-color-cyan) l c h / 0.10);
80
+ --xz-color-info-soft-200: oklch(from var(--xz-color-cyan) l c h / 0.20);
81
+ --xz-color-info-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-cyan) l c h / 1) 10%, var(--xz-color-surface-100));
82
+ --xz-color-info-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-cyan) l c h / 1) 20%, var(--xz-color-surface-100));
83
83
  --xz-color-info-line-100: color-mix(oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100));
84
84
  --xz-color-info-line-200: color-mix(oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100));
85
85
  --xz-color-info-line-300: color-mix(oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
@@ -88,10 +88,10 @@
88
88
  --xz-color-info-fg-100: oklch(0 0 0 / 0.95);
89
89
  --xz-color-info-text-100: oklch(from var(--xz-color-cyan) 0.55 c h / 1);
90
90
  --xz-color-info-text-200: oklch(from var(--xz-color-cyan) 0.4 c h / 1);
91
- --xz-color-orange-soft-100: oklch(from var(--xz-color-orange) 0.5 0.23 h / 0.08);
92
- --xz-color-orange-soft-200: oklch(from var(--xz-color-orange) 0.5 0.23 h / 0.12);
93
- --xz-color-orange-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100));
94
- --xz-color-orange-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100));
91
+ --xz-color-orange-soft-100: oklch(from var(--xz-color-orange) l c h / 0.10);
92
+ --xz-color-orange-soft-200: oklch(from var(--xz-color-orange) l c h / 0.20);
93
+ --xz-color-orange-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-orange) l c h / 1) 10%, var(--xz-color-surface-100));
94
+ --xz-color-orange-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-orange) l c h / 1) 20%, var(--xz-color-surface-100));
95
95
  --xz-color-orange-line-100: color-mix(oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100));
96
96
  --xz-color-orange-line-200: color-mix(oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100));
97
97
  --xz-color-orange-line-300: color-mix(oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
@@ -100,10 +100,10 @@
100
100
  --xz-color-orange-fg-100: oklch(0 0 0 / 0.95);
101
101
  --xz-color-orange-text-100: oklch(from var(--xz-color-orange) 0.55 c h / 1);
102
102
  --xz-color-orange-text-200: oklch(from var(--xz-color-orange) 0.4 c h / 1);
103
- --xz-color-purple-soft-100: oklch(from var(--xz-color-purple) 0.5 0.23 h / 0.08);
104
- --xz-color-purple-soft-200: oklch(from var(--xz-color-purple) 0.5 0.23 h / 0.12);
105
- --xz-color-purple-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100));
106
- --xz-color-purple-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100));
103
+ --xz-color-purple-soft-100: oklch(from var(--xz-color-purple) l c h / 0.10);
104
+ --xz-color-purple-soft-200: oklch(from var(--xz-color-purple) l c h / 0.20);
105
+ --xz-color-purple-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-purple) l c h / 1) 10%, var(--xz-color-surface-100));
106
+ --xz-color-purple-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-purple) l c h / 1) 20%, var(--xz-color-surface-100));
107
107
  --xz-color-purple-line-100: color-mix(oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100));
108
108
  --xz-color-purple-line-200: color-mix(oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100));
109
109
  --xz-color-purple-line-300: color-mix(oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
@@ -115,10 +115,10 @@
115
115
  --xz-color-neutral-soft-100: oklch(from var(--xz-color-gray) 0.5 c h / 0.08);
116
116
  --xz-color-neutral-soft-200: oklch(from var(--xz-color-gray) 0.5 c h / 0.12);
117
117
  --xz-color-neutral-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-gray) 0.5 c h / 1) 10%, var(--xz-color-surface-100));
118
- --xz-color-neutral-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-gray) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
119
- --xz-color-neutral-line-100: color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 25%, var(--xz-color-surface-100));
120
- --xz-color-neutral-line-200: color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 50%, var(--xz-color-surface-100));
121
- --xz-color-neutral-line-300: color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 65%, var(--xz-color-surface-100));
118
+ --xz-color-neutral-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-gray) 0.5 c h / 1) 20%, var(--xz-color-surface-100));
119
+ --xz-color-neutral-line-100: color-mix(oklch(from var(--xz-color-gray) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100));
120
+ --xz-color-neutral-line-200: color-mix(oklch(from var(--xz-color-gray) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100));
121
+ --xz-color-neutral-line-300: color-mix(oklch(from var(--xz-color-gray) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
122
122
  --xz-color-neutral-bg-100: var(--xz-color-gray);
123
123
  --xz-color-neutral-bg-200: oklch(from var(--xz-color-gray) calc(l - 0.05) c h / 1);
124
124
  --xz-color-neutral-fg-100: oklch(1 0 0);
package/dist/themes.css CHANGED
@@ -39,10 +39,10 @@
39
39
  --xz-color-line-100: oklch(0.90 0.01 260 / 0.97);
40
40
  --xz-color-line-200: oklch(0.85 0.01 260 / 0.97);
41
41
  --xz-color-line-300: oklch(0.80 0.01 260 / 0.97);
42
- --xz-color-primary-soft-100: oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 0.08);
43
- --xz-color-primary-soft-200: oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 0.12);
44
- --xz-color-primary-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100));
45
- --xz-color-primary-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100));
42
+ --xz-color-primary-soft-100: oklch(from var(--xz-color-fastwork) l c h / 0.10);
43
+ --xz-color-primary-soft-200: oklch(from var(--xz-color-fastwork) l c h / 0.20);
44
+ --xz-color-primary-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-fastwork) l c h / 1) 10%, var(--xz-color-surface-100));
45
+ --xz-color-primary-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-fastwork) l c h / 1) 20%, var(--xz-color-surface-100));
46
46
  --xz-color-primary-line-100: color-mix(oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100));
47
47
  --xz-color-primary-line-200: color-mix(oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100));
48
48
  --xz-color-primary-line-300: color-mix(oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
@@ -51,10 +51,10 @@
51
51
  --xz-color-primary-fg-100: oklch(1 0 0 / 1);
52
52
  --xz-color-primary-text-100: oklch(from var(--xz-color-fastwork) 0.55 c h / 1);
53
53
  --xz-color-primary-text-200: oklch(from var(--xz-color-fastwork) 0.4 c h / 1);
54
- --xz-color-danger-soft-100: oklch(from var(--xz-color-red) 0.5 0.23 h / 0.08);
55
- --xz-color-danger-soft-200: oklch(from var(--xz-color-red) 0.5 0.23 h / 0.12);
56
- --xz-color-danger-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100));
57
- --xz-color-danger-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100));
54
+ --xz-color-danger-soft-100: oklch(from var(--xz-color-red) l c h / 0.10);
55
+ --xz-color-danger-soft-200: oklch(from var(--xz-color-red) l c h / 0.20);
56
+ --xz-color-danger-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-red) l c h / 1) 10%, var(--xz-color-surface-100));
57
+ --xz-color-danger-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-red) l c h / 1) 20%, var(--xz-color-surface-100));
58
58
  --xz-color-danger-line-100: color-mix(oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100));
59
59
  --xz-color-danger-line-200: color-mix(oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100));
60
60
  --xz-color-danger-line-300: color-mix(oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
@@ -63,10 +63,10 @@
63
63
  --xz-color-danger-fg-100: oklch(1 0 0 / 1);
64
64
  --xz-color-danger-text-100: oklch(from var(--xz-color-red) 0.55 c h / 1);
65
65
  --xz-color-danger-text-200: oklch(from var(--xz-color-red) 0.4 c h / 1);
66
- --xz-color-success-soft-100: oklch(from var(--xz-color-green) 0.5 0.23 h / 0.08);
67
- --xz-color-success-soft-200: oklch(from var(--xz-color-green) 0.5 0.23 h / 0.12);
68
- --xz-color-success-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100));
69
- --xz-color-success-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100));
66
+ --xz-color-success-soft-100: oklch(from var(--xz-color-green) l c h / 0.10);
67
+ --xz-color-success-soft-200: oklch(from var(--xz-color-green) l c h / 0.20);
68
+ --xz-color-success-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-green) l c h / 1) 10%, var(--xz-color-surface-100));
69
+ --xz-color-success-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-green) l c h / 1) 20%, var(--xz-color-surface-100));
70
70
  --xz-color-success-line-100: color-mix(oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100));
71
71
  --xz-color-success-line-200: color-mix(oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100));
72
72
  --xz-color-success-line-300: color-mix(oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
@@ -75,10 +75,10 @@
75
75
  --xz-color-success-fg-100: oklch(0 0 0 / 0.95);
76
76
  --xz-color-success-text-100: oklch(from var(--xz-color-green) 0.55 c h / 1);
77
77
  --xz-color-success-text-200: oklch(from var(--xz-color-green) 0.4 c h / 1);
78
- --xz-color-warning-soft-100: oklch(from var(--xz-color-yellow) 0.5 0.23 h / 0.08);
79
- --xz-color-warning-soft-200: oklch(from var(--xz-color-yellow) 0.5 0.23 h / 0.12);
80
- --xz-color-warning-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100));
81
- --xz-color-warning-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100));
78
+ --xz-color-warning-soft-100: oklch(from var(--xz-color-yellow) l c h / 0.10);
79
+ --xz-color-warning-soft-200: oklch(from var(--xz-color-yellow) l c h / 0.20);
80
+ --xz-color-warning-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-yellow) l c h / 1) 10%, var(--xz-color-surface-100));
81
+ --xz-color-warning-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-yellow) l c h / 1) 20%, var(--xz-color-surface-100));
82
82
  --xz-color-warning-line-100: color-mix(oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100));
83
83
  --xz-color-warning-line-200: color-mix(oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100));
84
84
  --xz-color-warning-line-300: color-mix(oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
@@ -87,10 +87,10 @@
87
87
  --xz-color-warning-fg-100: oklch(0 0 0 / 0.95);
88
88
  --xz-color-warning-text-100: oklch(from var(--xz-color-yellow) 0.55 c h / 1);
89
89
  --xz-color-warning-text-200: oklch(from var(--xz-color-yellow) 0.4 c h / 1);
90
- --xz-color-info-soft-100: oklch(from var(--xz-color-cyan) 0.5 0.23 h / 0.08);
91
- --xz-color-info-soft-200: oklch(from var(--xz-color-cyan) 0.5 0.23 h / 0.12);
92
- --xz-color-info-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100));
93
- --xz-color-info-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100));
90
+ --xz-color-info-soft-100: oklch(from var(--xz-color-cyan) l c h / 0.10);
91
+ --xz-color-info-soft-200: oklch(from var(--xz-color-cyan) l c h / 0.20);
92
+ --xz-color-info-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-cyan) l c h / 1) 10%, var(--xz-color-surface-100));
93
+ --xz-color-info-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-cyan) l c h / 1) 20%, var(--xz-color-surface-100));
94
94
  --xz-color-info-line-100: color-mix(oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100));
95
95
  --xz-color-info-line-200: color-mix(oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100));
96
96
  --xz-color-info-line-300: color-mix(oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
@@ -99,10 +99,10 @@
99
99
  --xz-color-info-fg-100: oklch(0 0 0 / 0.95);
100
100
  --xz-color-info-text-100: oklch(from var(--xz-color-cyan) 0.55 c h / 1);
101
101
  --xz-color-info-text-200: oklch(from var(--xz-color-cyan) 0.4 c h / 1);
102
- --xz-color-orange-soft-100: oklch(from var(--xz-color-orange) 0.5 0.23 h / 0.08);
103
- --xz-color-orange-soft-200: oklch(from var(--xz-color-orange) 0.5 0.23 h / 0.12);
104
- --xz-color-orange-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100));
105
- --xz-color-orange-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100));
102
+ --xz-color-orange-soft-100: oklch(from var(--xz-color-orange) l c h / 0.10);
103
+ --xz-color-orange-soft-200: oklch(from var(--xz-color-orange) l c h / 0.20);
104
+ --xz-color-orange-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-orange) l c h / 1) 10%, var(--xz-color-surface-100));
105
+ --xz-color-orange-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-orange) l c h / 1) 20%, var(--xz-color-surface-100));
106
106
  --xz-color-orange-line-100: color-mix(oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100));
107
107
  --xz-color-orange-line-200: color-mix(oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100));
108
108
  --xz-color-orange-line-300: color-mix(oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
@@ -111,10 +111,10 @@
111
111
  --xz-color-orange-fg-100: oklch(0 0 0 / 0.95);
112
112
  --xz-color-orange-text-100: oklch(from var(--xz-color-orange) 0.55 c h / 1);
113
113
  --xz-color-orange-text-200: oklch(from var(--xz-color-orange) 0.4 c h / 1);
114
- --xz-color-purple-soft-100: oklch(from var(--xz-color-purple) 0.5 0.23 h / 0.08);
115
- --xz-color-purple-soft-200: oklch(from var(--xz-color-purple) 0.5 0.23 h / 0.12);
116
- --xz-color-purple-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100));
117
- --xz-color-purple-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100));
114
+ --xz-color-purple-soft-100: oklch(from var(--xz-color-purple) l c h / 0.10);
115
+ --xz-color-purple-soft-200: oklch(from var(--xz-color-purple) l c h / 0.20);
116
+ --xz-color-purple-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-purple) l c h / 1) 10%, var(--xz-color-surface-100));
117
+ --xz-color-purple-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-purple) l c h / 1) 20%, var(--xz-color-surface-100));
118
118
  --xz-color-purple-line-100: color-mix(oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100));
119
119
  --xz-color-purple-line-200: color-mix(oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100));
120
120
  --xz-color-purple-line-300: color-mix(oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
@@ -126,10 +126,10 @@
126
126
  --xz-color-neutral-soft-100: oklch(from var(--xz-color-gray) 0.5 c h / 0.08);
127
127
  --xz-color-neutral-soft-200: oklch(from var(--xz-color-gray) 0.5 c h / 0.12);
128
128
  --xz-color-neutral-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-gray) 0.5 c h / 1) 10%, var(--xz-color-surface-100));
129
- --xz-color-neutral-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-gray) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
130
- --xz-color-neutral-line-100: color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 25%, var(--xz-color-surface-100));
131
- --xz-color-neutral-line-200: color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 50%, var(--xz-color-surface-100));
132
- --xz-color-neutral-line-300: color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 65%, var(--xz-color-surface-100));
129
+ --xz-color-neutral-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-gray) 0.5 c h / 1) 20%, var(--xz-color-surface-100));
130
+ --xz-color-neutral-line-100: color-mix(oklch(from var(--xz-color-gray) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100));
131
+ --xz-color-neutral-line-200: color-mix(oklch(from var(--xz-color-gray) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100));
132
+ --xz-color-neutral-line-300: color-mix(oklch(from var(--xz-color-gray) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
133
133
  --xz-color-neutral-bg-100: var(--xz-color-gray);
134
134
  --xz-color-neutral-bg-200: oklch(from var(--xz-color-gray) calc(l - 0.05) c h / 1);
135
135
  --xz-color-neutral-fg-100: oklch(1 0 0);
@@ -175,7 +175,7 @@
175
175
  [data-theme="dark"] {
176
176
  --xz-box-shadow-100: 0 1px 2px 0 rgba(0, 0, 0, 0.24);
177
177
  --xz-box-shadow-200: 0 2px 6px 0 rgba(0, 0, 0, 0.32);
178
- --xz-box-shadow-300: 0 4px 16px 0 rgba(0, 0, 0, 0.40);
178
+ --xz-box-shadow-300: 0 4px 20px 0 rgba(0, 0, 0, 0.40);
179
179
  --xz-box-shadow-400: 0 8px 20px 0 rgba(0, 0, 0, 0.48);
180
180
  --xz-color-fastwork: oklch(0.57 0.237 260.608);
181
181
  --xz-color-gray: oklch(0.613 0.032 259.575);
@@ -202,10 +202,10 @@
202
202
  --xz-color-line-100: oklch(0.42 0.02 269 / 0.95);
203
203
  --xz-color-line-200: oklch(0.50 0.02 269 / 0.95);
204
204
  --xz-color-line-300: oklch(0.58 0.02 269 / 0.95);
205
- --xz-color-primary-soft-100: oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 0.08);
206
- --xz-color-primary-soft-200: oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 0.12);
207
- --xz-color-primary-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100));
208
- --xz-color-primary-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100));
205
+ --xz-color-primary-soft-100: oklch(from var(--xz-color-fastwork) l c h / 0.10);
206
+ --xz-color-primary-soft-200: oklch(from var(--xz-color-fastwork) l c h / 0.20);
207
+ --xz-color-primary-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-fastwork) l c h / 1) 10%, var(--xz-color-surface-100));
208
+ --xz-color-primary-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-fastwork) l c h / 1) 20%, var(--xz-color-surface-100));
209
209
  --xz-color-primary-line-100: color-mix(oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100));
210
210
  --xz-color-primary-line-200: color-mix(oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100));
211
211
  --xz-color-primary-line-300: color-mix(oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
@@ -214,10 +214,10 @@
214
214
  --xz-color-primary-fg-100: oklch(1 0 0 / 1);
215
215
  --xz-color-primary-text-100: oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1);
216
216
  --xz-color-primary-text-200: oklch(from var(--xz-color-fastwork) 0.85 0.2 h / 1);
217
- --xz-color-danger-soft-100: oklch(from var(--xz-color-red) 0.75 0.2 h / 0.08);
218
- --xz-color-danger-soft-200: oklch(from var(--xz-color-red) 0.75 0.2 h / 0.12);
219
- --xz-color-danger-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100));
220
- --xz-color-danger-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100));
217
+ --xz-color-danger-soft-100: oklch(from var(--xz-color-red) l c h / 0.10);
218
+ --xz-color-danger-soft-200: oklch(from var(--xz-color-red) l c h / 0.20);
219
+ --xz-color-danger-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-red) l c h / 1) 10%, var(--xz-color-surface-100));
220
+ --xz-color-danger-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-red) l c h / 1) 20%, var(--xz-color-surface-100));
221
221
  --xz-color-danger-line-100: color-mix(oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100));
222
222
  --xz-color-danger-line-200: color-mix(oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100));
223
223
  --xz-color-danger-line-300: color-mix(oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
@@ -226,10 +226,10 @@
226
226
  --xz-color-danger-fg-100: oklch(1 0 0 / 1);
227
227
  --xz-color-danger-text-100: oklch(from var(--xz-color-red) 0.75 0.2 h / 1);
228
228
  --xz-color-danger-text-200: oklch(from var(--xz-color-red) 0.85 0.2 h / 1);
229
- --xz-color-success-soft-100: oklch(from var(--xz-color-green) 0.75 0.2 h / 0.08);
230
- --xz-color-success-soft-200: oklch(from var(--xz-color-green) 0.75 0.2 h / 0.12);
231
- --xz-color-success-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100));
232
- --xz-color-success-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100));
229
+ --xz-color-success-soft-100: oklch(from var(--xz-color-green) l c h / 0.10);
230
+ --xz-color-success-soft-200: oklch(from var(--xz-color-green) l c h / 0.20);
231
+ --xz-color-success-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-green) l c h / 1) 10%, var(--xz-color-surface-100));
232
+ --xz-color-success-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-green) l c h / 1) 20%, var(--xz-color-surface-100));
233
233
  --xz-color-success-line-100: color-mix(oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100));
234
234
  --xz-color-success-line-200: color-mix(oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100));
235
235
  --xz-color-success-line-300: color-mix(oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
@@ -238,10 +238,10 @@
238
238
  --xz-color-success-fg-100: oklch(0 0 0 / 0.95);
239
239
  --xz-color-success-text-100: oklch(from var(--xz-color-green) 0.75 0.2 h / 1);
240
240
  --xz-color-success-text-200: oklch(from var(--xz-color-green) 0.85 0.2 h / 1);
241
- --xz-color-warning-soft-100: oklch(from var(--xz-color-yellow) 0.75 0.2 h / 0.08);
242
- --xz-color-warning-soft-200: oklch(from var(--xz-color-yellow) 0.75 0.2 h / 0.12);
243
- --xz-color-warning-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100));
244
- --xz-color-warning-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100));
241
+ --xz-color-warning-soft-100: oklch(from var(--xz-color-yellow) l c h / 0.10);
242
+ --xz-color-warning-soft-200: oklch(from var(--xz-color-yellow) l c h / 0.20);
243
+ --xz-color-warning-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-yellow) l c h / 1) 10%, var(--xz-color-surface-100));
244
+ --xz-color-warning-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-yellow) l c h / 1) 20%, var(--xz-color-surface-100));
245
245
  --xz-color-warning-line-100: color-mix(oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100));
246
246
  --xz-color-warning-line-200: color-mix(oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100));
247
247
  --xz-color-warning-line-300: color-mix(oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
@@ -250,10 +250,10 @@
250
250
  --xz-color-warning-fg-100: oklch(0 0 0 / 0.95);
251
251
  --xz-color-warning-text-100: oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1);
252
252
  --xz-color-warning-text-200: oklch(from var(--xz-color-yellow) 0.85 0.2 h / 1);
253
- --xz-color-info-soft-100: oklch(from var(--xz-color-cyan) 0.75 0.2 h / 0.08);
254
- --xz-color-info-soft-200: oklch(from var(--xz-color-cyan) 0.75 0.2 h / 0.12);
255
- --xz-color-info-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100));
256
- --xz-color-info-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100));
253
+ --xz-color-info-soft-100: oklch(from var(--xz-color-cyan) l c h / 0.10);
254
+ --xz-color-info-soft-200: oklch(from var(--xz-color-cyan) l c h / 0.20);
255
+ --xz-color-info-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-cyan) l c h / 1) 10%, var(--xz-color-surface-100));
256
+ --xz-color-info-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-cyan) l c h / 1) 20%, var(--xz-color-surface-100));
257
257
  --xz-color-info-line-100: color-mix(oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100));
258
258
  --xz-color-info-line-200: color-mix(oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100));
259
259
  --xz-color-info-line-300: color-mix(oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
@@ -262,10 +262,10 @@
262
262
  --xz-color-info-fg-100: oklch(0 0 0 / 0.95);
263
263
  --xz-color-info-text-100: oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1);
264
264
  --xz-color-info-text-200: oklch(from var(--xz-color-cyan) 0.85 0.2 h / 1);
265
- --xz-color-orange-soft-100: oklch(from var(--xz-color-orange) 0.75 0.2 h / 0.08);
266
- --xz-color-orange-soft-200: oklch(from var(--xz-color-orange) 0.75 0.2 h / 0.12);
267
- --xz-color-orange-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100));
268
- --xz-color-orange-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100));
265
+ --xz-color-orange-soft-100: oklch(from var(--xz-color-orange) l c h / 0.10);
266
+ --xz-color-orange-soft-200: oklch(from var(--xz-color-orange) l c h / 0.20);
267
+ --xz-color-orange-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-orange) l c h / 1) 10%, var(--xz-color-surface-100));
268
+ --xz-color-orange-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-orange) l c h / 1) 20%, var(--xz-color-surface-100));
269
269
  --xz-color-orange-line-100: color-mix(oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100));
270
270
  --xz-color-orange-line-200: color-mix(oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100));
271
271
  --xz-color-orange-line-300: color-mix(oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
@@ -274,10 +274,10 @@
274
274
  --xz-color-orange-fg-100: oklch(0 0 0);
275
275
  --xz-color-orange-text-100: oklch(from var(--xz-color-orange) 0.75 0.2 h / 1);
276
276
  --xz-color-orange-text-200: oklch(from var(--xz-color-orange) 0.85 0.2 h / 1);
277
- --xz-color-purple-soft-100: oklch(from var(--xz-color-purple) 0.75 0.2 h / 0.08);
278
- --xz-color-purple-soft-200: oklch(from var(--xz-color-purple) 0.75 0.2 h / 0.12);
279
- --xz-color-purple-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100));
280
- --xz-color-purple-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100));
277
+ --xz-color-purple-soft-100: oklch(from var(--xz-color-purple) l c h / 0.10);
278
+ --xz-color-purple-soft-200: oklch(from var(--xz-color-purple) l c h / 0.20);
279
+ --xz-color-purple-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-purple) l c h / 1) 10%, var(--xz-color-surface-100));
280
+ --xz-color-purple-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-purple) l c h / 1) 20%, var(--xz-color-surface-100));
281
281
  --xz-color-purple-line-100: color-mix(oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100));
282
282
  --xz-color-purple-line-200: color-mix(oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100));
283
283
  --xz-color-purple-line-300: color-mix(oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
@@ -286,10 +286,10 @@
286
286
  --xz-color-purple-fg-100: oklch(0 0 0);
287
287
  --xz-color-purple-text-100: oklch(from var(--xz-color-purple) 0.75 0.2 h / 1);
288
288
  --xz-color-purple-text-200: oklch(from var(--xz-color-purple) 0.85 0.2 h / 1);
289
- --xz-color-neutral-soft-100: oklch(from var(--xz-color-gray) 0.75 c h / 0.08);
290
- --xz-color-neutral-soft-200: oklch(from var(--xz-color-gray) 0.75 c h / 0.12);
291
- --xz-color-neutral-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-gray) 0.75 c h / 1) 10%, var(--xz-color-surface-100));
292
- --xz-color-neutral-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-gray) 0.75 c h / 1) 16%, var(--xz-color-surface-100));
289
+ --xz-color-neutral-soft-100: oklch(from var(--xz-color-gray) l c h / 0.10);
290
+ --xz-color-neutral-soft-200: oklch(from var(--xz-color-gray) l c h / 0.20);
291
+ --xz-color-neutral-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-gray) l c h / 1) 10%, var(--xz-color-surface-100));
292
+ --xz-color-neutral-soft-solid-200: color-mix(in oklab, oklch(from var(--xz-color-gray) l c h / 1) 20%, var(--xz-color-surface-100));
293
293
  --xz-color-neutral-line-100: color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 25%, var(--xz-color-surface-100));
294
294
  --xz-color-neutral-line-200: color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 50%, var(--xz-color-surface-100));
295
295
  --xz-color-neutral-line-300: color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 65%, var(--xz-color-surface-100));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fastwork/xosmoz-theme",
3
- "version": "0.56.0",
3
+ "version": "0.58.0",
4
4
  "description": "Xosmoz Theme - Design tokens and theming system for Xosmoz",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",