@fastwork/xosmoz-theme 0.52.0 → 0.53.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 +48 -48
  2. package/dist/figma-plugin.zip +0 -0
  3. package/dist/figma-tokens/Dark.json +141 -141
  4. package/dist/figma-tokens/Light.json +142 -142
  5. package/dist/index.js +86 -86
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +86 -86
  8. package/dist/index.mjs.map +1 -1
  9. package/dist/themes/dark.css +40 -40
  10. package/dist/themes/light.css +32 -32
  11. package/dist/themes.css +72 -72
  12. package/package.json +1 -1
package/dist/themes/dark.css CHANGED
@@ -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: color-mix(in oklab, var(--xz-color-fastwork) 10%, transparent);
32
- --xz-color-primary-soft-200: color-mix(in oklab, var(--xz-color-fastwork) 16%, transparent);
33
- --xz-color-primary-soft-solid-100: color-mix(in oklab, var(--xz-color-fastwork) 10%, var(--xz-color-surface-100));
34
- --xz-color-primary-soft-solid-200: color-mix(in oklab, var(--xz-color-fastwork) 16%, var(--xz-color-surface-100));
31
+ --xz-color-primary-soft-100: oklch(from var(--xz-color-fastwork) 0.5 c h / 0.08);
32
+ --xz-color-primary-soft-200: oklch(from var(--xz-color-fastwork) 0.5 c h / 0.12);
33
+ --xz-color-primary-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
35
35
  --xz-color-primary-line-100: color-mix(oklch(from var(--xz-color-fastwork) 0.75 c 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 c 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 c 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 c h / 1);
42
42
  --xz-color-primary-text-200: oklch(from var(--xz-color-fastwork) 0.85 c h / 1);
43
- --xz-color-danger-soft-100: color-mix(in oklab, var(--xz-color-red) 10%, transparent);
44
- --xz-color-danger-soft-200: color-mix(in oklab, var(--xz-color-red) 16%, transparent);
45
- --xz-color-danger-soft-solid-100: color-mix(in oklab, var(--xz-color-red) 10%, var(--xz-color-surface-100));
46
- --xz-color-danger-soft-solid-200: color-mix(in oklab, var(--xz-color-red) 16%, var(--xz-color-surface-100));
43
+ --xz-color-danger-soft-100: oklch(from var(--xz-color-red) 0.5 c h / 0.08);
44
+ --xz-color-danger-soft-200: oklch(from var(--xz-color-red) 0.5 c h / 0.12);
45
+ --xz-color-danger-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-red) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
47
47
  --xz-color-danger-line-100: color-mix(oklch(from var(--xz-color-red) 0.75 c 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 c 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 c 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 c h / 1);
54
54
  --xz-color-danger-text-200: oklch(from var(--xz-color-red) 0.85 c h / 1);
55
- --xz-color-success-soft-100: color-mix(in oklab, var(--xz-color-green) 10%, transparent);
56
- --xz-color-success-soft-200: color-mix(in oklab, var(--xz-color-green) 16%, transparent);
57
- --xz-color-success-soft-solid-100: color-mix(in oklab, var(--xz-color-green) 10%, var(--xz-color-surface-100));
58
- --xz-color-success-soft-solid-200: color-mix(in oklab, var(--xz-color-green) 16%, var(--xz-color-surface-100));
55
+ --xz-color-success-soft-100: oklch(from var(--xz-color-green) 0.5 c h / 0.08);
56
+ --xz-color-success-soft-200: oklch(from var(--xz-color-green) 0.5 c h / 0.12);
57
+ --xz-color-success-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-green) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
59
59
  --xz-color-success-line-100: color-mix(oklch(from var(--xz-color-green) 0.75 c 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 c 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 c 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 c h / 1);
66
66
  --xz-color-success-text-200: oklch(from var(--xz-color-green) 0.85 c h / 1);
67
- --xz-color-warning-soft-100: color-mix(in oklab, var(--xz-color-yellow) 10%, transparent);
68
- --xz-color-warning-soft-200: color-mix(in oklab, var(--xz-color-yellow) 16%, transparent);
69
- --xz-color-warning-soft-solid-100: color-mix(in oklab, var(--xz-color-yellow) 10%, var(--xz-color-surface-100));
70
- --xz-color-warning-soft-solid-200: color-mix(in oklab, var(--xz-color-yellow) 16%, var(--xz-color-surface-100));
67
+ --xz-color-warning-soft-100: oklch(from var(--xz-color-yellow) 0.5 c h / 0.08);
68
+ --xz-color-warning-soft-200: oklch(from var(--xz-color-yellow) 0.5 c h / 0.12);
69
+ --xz-color-warning-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
71
71
  --xz-color-warning-line-100: color-mix(oklch(from var(--xz-color-yellow) 0.75 c 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 c 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 c 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 c h / 1);
78
78
  --xz-color-warning-text-200: oklch(from var(--xz-color-yellow) 0.85 c h / 1);
79
- --xz-color-info-soft-100: color-mix(in oklab, var(--xz-color-cyan) 10%, transparent);
80
- --xz-color-info-soft-200: color-mix(in oklab, var(--xz-color-cyan) 16%, transparent);
81
- --xz-color-info-soft-solid-100: color-mix(in oklab, var(--xz-color-cyan) 10%, var(--xz-color-surface-100));
82
- --xz-color-info-soft-solid-200: color-mix(in oklab, var(--xz-color-cyan) 16%, var(--xz-color-surface-100));
79
+ --xz-color-info-soft-100: oklch(from var(--xz-color-cyan) 0.5 c h / 0.08);
80
+ --xz-color-info-soft-200: oklch(from var(--xz-color-cyan) 0.5 c h / 0.12);
81
+ --xz-color-info-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
83
83
  --xz-color-info-line-100: color-mix(oklch(from var(--xz-color-cyan) 0.75 c 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 c 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 c 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 c h / 1);
90
90
  --xz-color-info-text-200: oklch(from var(--xz-color-cyan) 0.85 c h / 1);
91
- --xz-color-orange-soft-100: color-mix(in oklab, var(--xz-color-orange) 10%, transparent);
92
- --xz-color-orange-soft-200: color-mix(in oklab, var(--xz-color-orange) 16%, transparent);
93
- --xz-color-orange-soft-solid-100: color-mix(in oklab, var(--xz-color-orange) 10%, var(--xz-color-surface-100));
94
- --xz-color-orange-soft-solid-200: color-mix(in oklab, var(--xz-color-orange) 16%, var(--xz-color-surface-100));
91
+ --xz-color-orange-soft-100: oklch(from var(--xz-color-orange) 0.5 c h / 0.08);
92
+ --xz-color-orange-soft-200: oklch(from var(--xz-color-orange) 0.5 c h / 0.12);
93
+ --xz-color-orange-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-orange) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
95
95
  --xz-color-orange-line-100: color-mix(oklch(from var(--xz-color-orange) 0.75 c 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 c 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 c 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 c h / 1);
102
102
  --xz-color-orange-text-200: oklch(from var(--xz-color-orange) 0.85 c h / 1);
103
- --xz-color-purple-soft-100: color-mix(in oklab, var(--xz-color-purple) 10%, transparent);
104
- --xz-color-purple-soft-200: color-mix(in oklab, var(--xz-color-purple) 16%, transparent);
105
- --xz-color-purple-soft-solid-100: color-mix(in oklab, var(--xz-color-purple) 10%, var(--xz-color-surface-100));
106
- --xz-color-purple-soft-solid-200: color-mix(in oklab, var(--xz-color-purple) 16%, var(--xz-color-surface-100));
103
+ --xz-color-purple-soft-100: oklch(from var(--xz-color-purple) 0.5 c h / 0.08);
104
+ --xz-color-purple-soft-200: oklch(from var(--xz-color-purple) 0.5 c h / 0.12);
105
+ --xz-color-purple-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-purple) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
107
107
  --xz-color-purple-line-100: color-mix(oklch(from var(--xz-color-purple) 0.75 c 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 c 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 c h / 1) 65%, var(--xz-color-surface-100));
@@ -112,6 +112,18 @@
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 c h / 1);
114
114
  --xz-color-purple-text-200: oklch(from var(--xz-color-purple) 0.85 c h / 1);
115
+ --xz-color-neutral-soft-100: oklch(from var(--xz-color-gray) 0.5 c h / 0.08);
116
+ --xz-color-neutral-soft-200: oklch(from var(--xz-color-gray) 0.5 c h / 0.12);
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.75 c h / 1) 25%, var(--xz-color-surface-100));
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
+ --xz-color-neutral-line-300: color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 65%, var(--xz-color-surface-100));
122
+ --xz-color-neutral-bg-100: var(--xz-color-gray);
123
+ --xz-color-neutral-bg-200: oklch(from var(--xz-color-gray) calc(l + 0.05) c h / 1);
124
+ --xz-color-neutral-fg-100: oklch(1 0 0);
125
+ --xz-color-neutral-text-100: oklch(from var(--xz-color-gray) 0.75 c h / 1);
126
+ --xz-color-neutral-text-200: oklch(from var(--xz-color-gray) 0.85 c h / 1);
115
127
  --xz-color-black-alpha-100: oklch(0 0 0 / 0.1);
116
128
  --xz-color-black-alpha-200: oklch(0 0 0 / 0.2);
117
129
  --xz-color-black-alpha-300: oklch(0 0 0 / 0.3);
@@ -142,18 +154,6 @@
142
154
  --xz-color-overlay-800: oklch(1 0 0 / 0.8);
143
155
  --xz-color-overlay-900: oklch(1 0 0 / 0.9);
144
156
  --xz-color-overlay-1000: oklch(1 0 0 / 1);
145
- --xz-color-neutral-soft-100: color-mix(in oklab, var(--xz-color-gray) 10%, transparent);
146
- --xz-color-neutral-soft-200: color-mix(in oklab, var(--xz-color-gray) 16%, transparent);
147
- --xz-color-neutral-soft-solid-100: color-mix(in oklab, var(--xz-color-gray) 10%, var(--xz-color-surface-100));
148
- --xz-color-neutral-soft-solid-200: color-mix(in oklab, var(--xz-color-gray) 16%, var(--xz-color-surface-100));
149
- --xz-color-neutral-line-100: color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 25%, var(--xz-color-surface-100));
150
- --xz-color-neutral-line-200: color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 50%, var(--xz-color-surface-100));
151
- --xz-color-neutral-line-300: color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 65%, var(--xz-color-surface-100));
152
- --xz-color-neutral-bg-100: var(--xz-color-gray);
153
- --xz-color-neutral-bg-200: oklch(from var(--xz-color-gray) calc(l + 0.05) c h / 1);
154
- --xz-color-neutral-fg-100: oklch(1 0 0);
155
- --xz-color-neutral-text-100: oklch(from var(--xz-color-gray) 0.75 c h / 1);
156
- --xz-color-neutral-text-200: oklch(from var(--xz-color-gray) 0.85 c h / 1);
157
157
  }
158
158
 
159
159
  [data-theme="dark"] body {
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: color-mix(in oklab, var(--xz-color-fastwork) 10%, transparent);
32
- --xz-color-primary-soft-200: color-mix(in oklab, var(--xz-color-fastwork) 16%, transparent);
33
- --xz-color-primary-soft-solid-100: color-mix(in oklab, var(--xz-color-fastwork) 10%, var(--xz-color-surface-100));
34
- --xz-color-primary-soft-solid-200: color-mix(in oklab, var(--xz-color-fastwork) 16%, var(--xz-color-surface-100));
31
+ --xz-color-primary-soft-100: oklch(from var(--xz-color-fastwork) 0.5 c h / 0.08);
32
+ --xz-color-primary-soft-200: oklch(from var(--xz-color-fastwork) 0.5 c h / 0.12);
33
+ --xz-color-primary-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
35
35
  --xz-color-primary-line-100: color-mix(oklch(from var(--xz-color-fastwork) 0.5 c 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 c 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 c 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: color-mix(in oklab, var(--xz-color-red) 10%, transparent);
44
- --xz-color-danger-soft-200: color-mix(in oklab, var(--xz-color-red) 16%, transparent);
45
- --xz-color-danger-soft-solid-100: color-mix(in oklab, var(--xz-color-red) 10%, var(--xz-color-surface-100));
46
- --xz-color-danger-soft-solid-200: color-mix(in oklab, var(--xz-color-red) 16%, var(--xz-color-surface-100));
43
+ --xz-color-danger-soft-100: oklch(from var(--xz-color-red) 0.5 c h / 0.08);
44
+ --xz-color-danger-soft-200: oklch(from var(--xz-color-red) 0.5 c h / 0.12);
45
+ --xz-color-danger-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-red) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
47
47
  --xz-color-danger-line-100: color-mix(oklch(from var(--xz-color-red) 0.5 c 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 c 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 c 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: color-mix(in oklab, var(--xz-color-green) 10%, transparent);
56
- --xz-color-success-soft-200: color-mix(in oklab, var(--xz-color-green) 16%, transparent);
57
- --xz-color-success-soft-solid-100: color-mix(in oklab, var(--xz-color-green) 10%, var(--xz-color-surface-100));
58
- --xz-color-success-soft-solid-200: color-mix(in oklab, var(--xz-color-green) 16%, var(--xz-color-surface-100));
55
+ --xz-color-success-soft-100: oklch(from var(--xz-color-green) 0.5 c h / 0.08);
56
+ --xz-color-success-soft-200: oklch(from var(--xz-color-green) 0.5 c h / 0.12);
57
+ --xz-color-success-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-green) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
59
59
  --xz-color-success-line-100: color-mix(oklch(from var(--xz-color-green) 0.5 c 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 c 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 c 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: color-mix(in oklab, var(--xz-color-yellow) 10%, transparent);
68
- --xz-color-warning-soft-200: color-mix(in oklab, var(--xz-color-yellow) 16%, transparent);
69
- --xz-color-warning-soft-solid-100: color-mix(in oklab, var(--xz-color-yellow) 10%, var(--xz-color-surface-100));
70
- --xz-color-warning-soft-solid-200: color-mix(in oklab, var(--xz-color-yellow) 16%, var(--xz-color-surface-100));
67
+ --xz-color-warning-soft-100: oklch(from var(--xz-color-yellow) 0.5 c h / 0.08);
68
+ --xz-color-warning-soft-200: oklch(from var(--xz-color-yellow) 0.5 c h / 0.12);
69
+ --xz-color-warning-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
71
71
  --xz-color-warning-line-100: color-mix(oklch(from var(--xz-color-yellow) 0.5 c 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 c 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 c 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: color-mix(in oklab, var(--xz-color-cyan) 10%, transparent);
80
- --xz-color-info-soft-200: color-mix(in oklab, var(--xz-color-cyan) 16%, transparent);
81
- --xz-color-info-soft-solid-100: color-mix(in oklab, var(--xz-color-cyan) 10%, var(--xz-color-surface-100));
82
- --xz-color-info-soft-solid-200: color-mix(in oklab, var(--xz-color-cyan) 16%, var(--xz-color-surface-100));
79
+ --xz-color-info-soft-100: oklch(from var(--xz-color-cyan) 0.5 c h / 0.08);
80
+ --xz-color-info-soft-200: oklch(from var(--xz-color-cyan) 0.5 c h / 0.12);
81
+ --xz-color-info-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
83
83
  --xz-color-info-line-100: color-mix(oklch(from var(--xz-color-cyan) 0.5 c 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 c 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 c 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: color-mix(in oklab, var(--xz-color-orange) 10%, transparent);
92
- --xz-color-orange-soft-200: color-mix(in oklab, var(--xz-color-orange) 16%, transparent);
93
- --xz-color-orange-soft-solid-100: color-mix(in oklab, var(--xz-color-orange) 10%, var(--xz-color-surface-100));
94
- --xz-color-orange-soft-solid-200: color-mix(in oklab, var(--xz-color-orange) 16%, var(--xz-color-surface-100));
91
+ --xz-color-orange-soft-100: oklch(from var(--xz-color-orange) 0.5 c h / 0.08);
92
+ --xz-color-orange-soft-200: oklch(from var(--xz-color-orange) 0.5 c h / 0.12);
93
+ --xz-color-orange-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-orange) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
95
95
  --xz-color-orange-line-100: color-mix(oklch(from var(--xz-color-orange) 0.5 c 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 c 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 c 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: color-mix(in oklab, var(--xz-color-purple) 10%, transparent);
104
- --xz-color-purple-soft-200: color-mix(in oklab, var(--xz-color-purple) 16%, transparent);
105
- --xz-color-purple-soft-solid-100: color-mix(in oklab, var(--xz-color-purple) 10%, var(--xz-color-surface-100));
106
- --xz-color-purple-soft-solid-200: color-mix(in oklab, var(--xz-color-purple) 16%, var(--xz-color-surface-100));
103
+ --xz-color-purple-soft-100: oklch(from var(--xz-color-purple) 0.5 c h / 0.08);
104
+ --xz-color-purple-soft-200: oklch(from var(--xz-color-purple) 0.5 c h / 0.12);
105
+ --xz-color-purple-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-purple) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
107
107
  --xz-color-purple-line-100: color-mix(oklch(from var(--xz-color-purple) 0.5 c 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 c 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 c h / 1) 65%, var(--xz-color-surface-100));
@@ -112,10 +112,10 @@
112
112
  --xz-color-purple-fg-100: oklch(0 0 0 / 0.95);
113
113
  --xz-color-purple-text-100: oklch(from var(--xz-color-purple) 0.55 c h / 1);
114
114
  --xz-color-purple-text-200: oklch(from var(--xz-color-purple) 0.4 c h / 1);
115
- --xz-color-neutral-soft-100: color-mix(in oklab, var(--xz-color-gray) 10%, transparent);
116
- --xz-color-neutral-soft-200: color-mix(in oklab, var(--xz-color-gray) 16%, transparent);
117
- --xz-color-neutral-soft-solid-100: color-mix(in oklab, var(--xz-color-gray) 10%, var(--xz-color-surface-100));
118
- --xz-color-neutral-soft-solid-200: color-mix(in oklab, var(--xz-color-gray) 16%, var(--xz-color-surface-100));
115
+ --xz-color-neutral-soft-100: oklch(from var(--xz-color-gray) 0.5 c h / 0.08);
116
+ --xz-color-neutral-soft-200: oklch(from var(--xz-color-gray) 0.5 c h / 0.12);
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
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
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
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));
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: color-mix(in oklab, var(--xz-color-fastwork) 10%, transparent);
43
- --xz-color-primary-soft-200: color-mix(in oklab, var(--xz-color-fastwork) 16%, transparent);
44
- --xz-color-primary-soft-solid-100: color-mix(in oklab, var(--xz-color-fastwork) 10%, var(--xz-color-surface-100));
45
- --xz-color-primary-soft-solid-200: color-mix(in oklab, var(--xz-color-fastwork) 16%, var(--xz-color-surface-100));
42
+ --xz-color-primary-soft-100: oklch(from var(--xz-color-fastwork) 0.5 c h / 0.08);
43
+ --xz-color-primary-soft-200: oklch(from var(--xz-color-fastwork) 0.5 c h / 0.12);
44
+ --xz-color-primary-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
46
46
  --xz-color-primary-line-100: color-mix(oklch(from var(--xz-color-fastwork) 0.5 c 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 c 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 c 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: color-mix(in oklab, var(--xz-color-red) 10%, transparent);
55
- --xz-color-danger-soft-200: color-mix(in oklab, var(--xz-color-red) 16%, transparent);
56
- --xz-color-danger-soft-solid-100: color-mix(in oklab, var(--xz-color-red) 10%, var(--xz-color-surface-100));
57
- --xz-color-danger-soft-solid-200: color-mix(in oklab, var(--xz-color-red) 16%, var(--xz-color-surface-100));
54
+ --xz-color-danger-soft-100: oklch(from var(--xz-color-red) 0.5 c h / 0.08);
55
+ --xz-color-danger-soft-200: oklch(from var(--xz-color-red) 0.5 c h / 0.12);
56
+ --xz-color-danger-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-red) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
58
58
  --xz-color-danger-line-100: color-mix(oklch(from var(--xz-color-red) 0.5 c 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 c 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 c 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: color-mix(in oklab, var(--xz-color-green) 10%, transparent);
67
- --xz-color-success-soft-200: color-mix(in oklab, var(--xz-color-green) 16%, transparent);
68
- --xz-color-success-soft-solid-100: color-mix(in oklab, var(--xz-color-green) 10%, var(--xz-color-surface-100));
69
- --xz-color-success-soft-solid-200: color-mix(in oklab, var(--xz-color-green) 16%, var(--xz-color-surface-100));
66
+ --xz-color-success-soft-100: oklch(from var(--xz-color-green) 0.5 c h / 0.08);
67
+ --xz-color-success-soft-200: oklch(from var(--xz-color-green) 0.5 c h / 0.12);
68
+ --xz-color-success-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-green) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
70
70
  --xz-color-success-line-100: color-mix(oklch(from var(--xz-color-green) 0.5 c 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 c 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 c 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: color-mix(in oklab, var(--xz-color-yellow) 10%, transparent);
79
- --xz-color-warning-soft-200: color-mix(in oklab, var(--xz-color-yellow) 16%, transparent);
80
- --xz-color-warning-soft-solid-100: color-mix(in oklab, var(--xz-color-yellow) 10%, var(--xz-color-surface-100));
81
- --xz-color-warning-soft-solid-200: color-mix(in oklab, var(--xz-color-yellow) 16%, var(--xz-color-surface-100));
78
+ --xz-color-warning-soft-100: oklch(from var(--xz-color-yellow) 0.5 c h / 0.08);
79
+ --xz-color-warning-soft-200: oklch(from var(--xz-color-yellow) 0.5 c h / 0.12);
80
+ --xz-color-warning-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
82
82
  --xz-color-warning-line-100: color-mix(oklch(from var(--xz-color-yellow) 0.5 c 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 c 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 c 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: color-mix(in oklab, var(--xz-color-cyan) 10%, transparent);
91
- --xz-color-info-soft-200: color-mix(in oklab, var(--xz-color-cyan) 16%, transparent);
92
- --xz-color-info-soft-solid-100: color-mix(in oklab, var(--xz-color-cyan) 10%, var(--xz-color-surface-100));
93
- --xz-color-info-soft-solid-200: color-mix(in oklab, var(--xz-color-cyan) 16%, var(--xz-color-surface-100));
90
+ --xz-color-info-soft-100: oklch(from var(--xz-color-cyan) 0.5 c h / 0.08);
91
+ --xz-color-info-soft-200: oklch(from var(--xz-color-cyan) 0.5 c h / 0.12);
92
+ --xz-color-info-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
94
94
  --xz-color-info-line-100: color-mix(oklch(from var(--xz-color-cyan) 0.5 c 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 c 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 c 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: color-mix(in oklab, var(--xz-color-orange) 10%, transparent);
103
- --xz-color-orange-soft-200: color-mix(in oklab, var(--xz-color-orange) 16%, transparent);
104
- --xz-color-orange-soft-solid-100: color-mix(in oklab, var(--xz-color-orange) 10%, var(--xz-color-surface-100));
105
- --xz-color-orange-soft-solid-200: color-mix(in oklab, var(--xz-color-orange) 16%, var(--xz-color-surface-100));
102
+ --xz-color-orange-soft-100: oklch(from var(--xz-color-orange) 0.5 c h / 0.08);
103
+ --xz-color-orange-soft-200: oklch(from var(--xz-color-orange) 0.5 c h / 0.12);
104
+ --xz-color-orange-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-orange) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
106
106
  --xz-color-orange-line-100: color-mix(oklch(from var(--xz-color-orange) 0.5 c 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 c 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 c 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: color-mix(in oklab, var(--xz-color-purple) 10%, transparent);
115
- --xz-color-purple-soft-200: color-mix(in oklab, var(--xz-color-purple) 16%, transparent);
116
- --xz-color-purple-soft-solid-100: color-mix(in oklab, var(--xz-color-purple) 10%, var(--xz-color-surface-100));
117
- --xz-color-purple-soft-solid-200: color-mix(in oklab, var(--xz-color-purple) 16%, var(--xz-color-surface-100));
114
+ --xz-color-purple-soft-100: oklch(from var(--xz-color-purple) 0.5 c h / 0.08);
115
+ --xz-color-purple-soft-200: oklch(from var(--xz-color-purple) 0.5 c h / 0.12);
116
+ --xz-color-purple-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-purple) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
118
118
  --xz-color-purple-line-100: color-mix(oklch(from var(--xz-color-purple) 0.5 c 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 c 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 c h / 1) 65%, var(--xz-color-surface-100));
@@ -123,10 +123,10 @@
123
123
  --xz-color-purple-fg-100: oklch(0 0 0 / 0.95);
124
124
  --xz-color-purple-text-100: oklch(from var(--xz-color-purple) 0.55 c h / 1);
125
125
  --xz-color-purple-text-200: oklch(from var(--xz-color-purple) 0.4 c h / 1);
126
- --xz-color-neutral-soft-100: color-mix(in oklab, var(--xz-color-gray) 10%, transparent);
127
- --xz-color-neutral-soft-200: color-mix(in oklab, var(--xz-color-gray) 16%, transparent);
128
- --xz-color-neutral-soft-solid-100: color-mix(in oklab, var(--xz-color-gray) 10%, var(--xz-color-surface-100));
129
- --xz-color-neutral-soft-solid-200: color-mix(in oklab, var(--xz-color-gray) 16%, var(--xz-color-surface-100));
126
+ --xz-color-neutral-soft-100: oklch(from var(--xz-color-gray) 0.5 c h / 0.08);
127
+ --xz-color-neutral-soft-200: oklch(from var(--xz-color-gray) 0.5 c h / 0.12);
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
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
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
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));
@@ -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: color-mix(in oklab, var(--xz-color-fastwork) 10%, transparent);
206
- --xz-color-primary-soft-200: color-mix(in oklab, var(--xz-color-fastwork) 16%, transparent);
207
- --xz-color-primary-soft-solid-100: color-mix(in oklab, var(--xz-color-fastwork) 10%, var(--xz-color-surface-100));
208
- --xz-color-primary-soft-solid-200: color-mix(in oklab, var(--xz-color-fastwork) 16%, var(--xz-color-surface-100));
205
+ --xz-color-primary-soft-100: oklch(from var(--xz-color-fastwork) 0.5 c h / 0.08);
206
+ --xz-color-primary-soft-200: oklch(from var(--xz-color-fastwork) 0.5 c h / 0.12);
207
+ --xz-color-primary-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
209
209
  --xz-color-primary-line-100: color-mix(oklch(from var(--xz-color-fastwork) 0.75 c 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 c 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 c 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 c h / 1);
216
216
  --xz-color-primary-text-200: oklch(from var(--xz-color-fastwork) 0.85 c h / 1);
217
- --xz-color-danger-soft-100: color-mix(in oklab, var(--xz-color-red) 10%, transparent);
218
- --xz-color-danger-soft-200: color-mix(in oklab, var(--xz-color-red) 16%, transparent);
219
- --xz-color-danger-soft-solid-100: color-mix(in oklab, var(--xz-color-red) 10%, var(--xz-color-surface-100));
220
- --xz-color-danger-soft-solid-200: color-mix(in oklab, var(--xz-color-red) 16%, var(--xz-color-surface-100));
217
+ --xz-color-danger-soft-100: oklch(from var(--xz-color-red) 0.5 c h / 0.08);
218
+ --xz-color-danger-soft-200: oklch(from var(--xz-color-red) 0.5 c h / 0.12);
219
+ --xz-color-danger-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-red) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
221
221
  --xz-color-danger-line-100: color-mix(oklch(from var(--xz-color-red) 0.75 c 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 c 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 c 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 c h / 1);
228
228
  --xz-color-danger-text-200: oklch(from var(--xz-color-red) 0.85 c h / 1);
229
- --xz-color-success-soft-100: color-mix(in oklab, var(--xz-color-green) 10%, transparent);
230
- --xz-color-success-soft-200: color-mix(in oklab, var(--xz-color-green) 16%, transparent);
231
- --xz-color-success-soft-solid-100: color-mix(in oklab, var(--xz-color-green) 10%, var(--xz-color-surface-100));
232
- --xz-color-success-soft-solid-200: color-mix(in oklab, var(--xz-color-green) 16%, var(--xz-color-surface-100));
229
+ --xz-color-success-soft-100: oklch(from var(--xz-color-green) 0.5 c h / 0.08);
230
+ --xz-color-success-soft-200: oklch(from var(--xz-color-green) 0.5 c h / 0.12);
231
+ --xz-color-success-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-green) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
233
233
  --xz-color-success-line-100: color-mix(oklch(from var(--xz-color-green) 0.75 c 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 c 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 c 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 c h / 1);
240
240
  --xz-color-success-text-200: oklch(from var(--xz-color-green) 0.85 c h / 1);
241
- --xz-color-warning-soft-100: color-mix(in oklab, var(--xz-color-yellow) 10%, transparent);
242
- --xz-color-warning-soft-200: color-mix(in oklab, var(--xz-color-yellow) 16%, transparent);
243
- --xz-color-warning-soft-solid-100: color-mix(in oklab, var(--xz-color-yellow) 10%, var(--xz-color-surface-100));
244
- --xz-color-warning-soft-solid-200: color-mix(in oklab, var(--xz-color-yellow) 16%, var(--xz-color-surface-100));
241
+ --xz-color-warning-soft-100: oklch(from var(--xz-color-yellow) 0.5 c h / 0.08);
242
+ --xz-color-warning-soft-200: oklch(from var(--xz-color-yellow) 0.5 c h / 0.12);
243
+ --xz-color-warning-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
245
245
  --xz-color-warning-line-100: color-mix(oklch(from var(--xz-color-yellow) 0.75 c 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 c 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 c 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 c h / 1);
252
252
  --xz-color-warning-text-200: oklch(from var(--xz-color-yellow) 0.85 c h / 1);
253
- --xz-color-info-soft-100: color-mix(in oklab, var(--xz-color-cyan) 10%, transparent);
254
- --xz-color-info-soft-200: color-mix(in oklab, var(--xz-color-cyan) 16%, transparent);
255
- --xz-color-info-soft-solid-100: color-mix(in oklab, var(--xz-color-cyan) 10%, var(--xz-color-surface-100));
256
- --xz-color-info-soft-solid-200: color-mix(in oklab, var(--xz-color-cyan) 16%, var(--xz-color-surface-100));
253
+ --xz-color-info-soft-100: oklch(from var(--xz-color-cyan) 0.5 c h / 0.08);
254
+ --xz-color-info-soft-200: oklch(from var(--xz-color-cyan) 0.5 c h / 0.12);
255
+ --xz-color-info-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
257
257
  --xz-color-info-line-100: color-mix(oklch(from var(--xz-color-cyan) 0.75 c 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 c 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 c 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 c h / 1);
264
264
  --xz-color-info-text-200: oklch(from var(--xz-color-cyan) 0.85 c h / 1);
265
- --xz-color-orange-soft-100: color-mix(in oklab, var(--xz-color-orange) 10%, transparent);
266
- --xz-color-orange-soft-200: color-mix(in oklab, var(--xz-color-orange) 16%, transparent);
267
- --xz-color-orange-soft-solid-100: color-mix(in oklab, var(--xz-color-orange) 10%, var(--xz-color-surface-100));
268
- --xz-color-orange-soft-solid-200: color-mix(in oklab, var(--xz-color-orange) 16%, var(--xz-color-surface-100));
265
+ --xz-color-orange-soft-100: oklch(from var(--xz-color-orange) 0.5 c h / 0.08);
266
+ --xz-color-orange-soft-200: oklch(from var(--xz-color-orange) 0.5 c h / 0.12);
267
+ --xz-color-orange-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-orange) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
269
269
  --xz-color-orange-line-100: color-mix(oklch(from var(--xz-color-orange) 0.75 c 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 c 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 c 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 c h / 1);
276
276
  --xz-color-orange-text-200: oklch(from var(--xz-color-orange) 0.85 c h / 1);
277
- --xz-color-purple-soft-100: color-mix(in oklab, var(--xz-color-purple) 10%, transparent);
278
- --xz-color-purple-soft-200: color-mix(in oklab, var(--xz-color-purple) 16%, transparent);
279
- --xz-color-purple-soft-solid-100: color-mix(in oklab, var(--xz-color-purple) 10%, var(--xz-color-surface-100));
280
- --xz-color-purple-soft-solid-200: color-mix(in oklab, var(--xz-color-purple) 16%, var(--xz-color-surface-100));
277
+ --xz-color-purple-soft-100: oklch(from var(--xz-color-purple) 0.5 c h / 0.08);
278
+ --xz-color-purple-soft-200: oklch(from var(--xz-color-purple) 0.5 c h / 0.12);
279
+ --xz-color-purple-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-purple) 0.5 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) 0.5 c h / 1) 16%, var(--xz-color-surface-100));
281
281
  --xz-color-purple-line-100: color-mix(oklch(from var(--xz-color-purple) 0.75 c 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 c 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 c h / 1) 65%, var(--xz-color-surface-100));
@@ -286,6 +286,18 @@
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 c h / 1);
288
288
  --xz-color-purple-text-200: oklch(from var(--xz-color-purple) 0.85 c h / 1);
289
+ --xz-color-neutral-soft-100: oklch(from var(--xz-color-gray) 0.5 c h / 0.08);
290
+ --xz-color-neutral-soft-200: oklch(from var(--xz-color-gray) 0.5 c h / 0.12);
291
+ --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));
292
+ --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));
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
+ --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
+ --xz-color-neutral-line-300: color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 65%, var(--xz-color-surface-100));
296
+ --xz-color-neutral-bg-100: var(--xz-color-gray);
297
+ --xz-color-neutral-bg-200: oklch(from var(--xz-color-gray) calc(l + 0.05) c h / 1);
298
+ --xz-color-neutral-fg-100: oklch(1 0 0);
299
+ --xz-color-neutral-text-100: oklch(from var(--xz-color-gray) 0.75 c h / 1);
300
+ --xz-color-neutral-text-200: oklch(from var(--xz-color-gray) 0.85 c h / 1);
289
301
  --xz-color-black-alpha-100: oklch(0 0 0 / 0.1);
290
302
  --xz-color-black-alpha-200: oklch(0 0 0 / 0.2);
291
303
  --xz-color-black-alpha-300: oklch(0 0 0 / 0.3);
@@ -316,18 +328,6 @@
316
328
  --xz-color-overlay-800: oklch(1 0 0 / 0.8);
317
329
  --xz-color-overlay-900: oklch(1 0 0 / 0.9);
318
330
  --xz-color-overlay-1000: oklch(1 0 0 / 1);
319
- --xz-color-neutral-soft-100: color-mix(in oklab, var(--xz-color-gray) 10%, transparent);
320
- --xz-color-neutral-soft-200: color-mix(in oklab, var(--xz-color-gray) 16%, transparent);
321
- --xz-color-neutral-soft-solid-100: color-mix(in oklab, var(--xz-color-gray) 10%, var(--xz-color-surface-100));
322
- --xz-color-neutral-soft-solid-200: color-mix(in oklab, var(--xz-color-gray) 16%, var(--xz-color-surface-100));
323
- --xz-color-neutral-line-100: color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 25%, var(--xz-color-surface-100));
324
- --xz-color-neutral-line-200: color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 50%, var(--xz-color-surface-100));
325
- --xz-color-neutral-line-300: color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 65%, var(--xz-color-surface-100));
326
- --xz-color-neutral-bg-100: var(--xz-color-gray);
327
- --xz-color-neutral-bg-200: oklch(from var(--xz-color-gray) calc(l + 0.05) c h / 1);
328
- --xz-color-neutral-fg-100: oklch(1 0 0);
329
- --xz-color-neutral-text-100: oklch(from var(--xz-color-gray) 0.75 c h / 1);
330
- --xz-color-neutral-text-200: oklch(from var(--xz-color-gray) 0.85 c h / 1);
331
331
  }
332
332
 
333
333
  [data-theme="dark"] body {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fastwork/xosmoz-theme",
3
- "version": "0.52.0",
3
+ "version": "0.53.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",