@fastwork/xosmoz-theme 0.45.0 → 0.47.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.
- package/README.md +2 -0
- package/dist/dart/xz_colors.generated.dart +13 -13
- package/dist/figma-plugin.zip +0 -0
- package/dist/figma-tokens/Dark.json +12 -12
- package/dist/figma-tokens/Light.json +44 -44
- package/dist/index.js +11 -11
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +11 -11
- package/dist/index.mjs.map +1 -1
- package/dist/themes/dark.css +1 -1
- package/dist/themes/light.css +10 -10
- package/dist/themes.css +11 -11
- package/llms.txt +6 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -94,6 +94,8 @@ Each category follows the same token structure — replace `{name}` with the cat
|
|
|
94
94
|
| `--xz-color-{name}-fg-100` | Text on solid backgrounds — pair with `bg-100`/`bg-200` (typically white) |
|
|
95
95
|
| `--xz-color-{name}-text-100` | Colored text on surfaces (links, labels) |
|
|
96
96
|
|
|
97
|
+
> **`neutral` exception:** also includes `--xz-color-neutral-text-200` — Muted neutral text, lighter than `text-100`.
|
|
98
|
+
|
|
97
99
|
**Usage example:**
|
|
98
100
|
|
|
99
101
|
```css
|
|
@@ -150,8 +150,8 @@ class XzColors {
|
|
|
150
150
|
// ── Light theme ──
|
|
151
151
|
static const light = XzColors._(
|
|
152
152
|
bg: XzBaseScale({
|
|
153
|
-
100: Color(
|
|
154
|
-
200: Color(
|
|
153
|
+
100: Color(0xFF2B313B),
|
|
154
|
+
200: Color(0xFF131922),
|
|
155
155
|
}),
|
|
156
156
|
surface: XzBaseScale({
|
|
157
157
|
50: Color(0xFFFFFFFF),
|
|
@@ -164,8 +164,8 @@ class XzColors {
|
|
|
164
164
|
100: Color(0xFFFFFFFF),
|
|
165
165
|
}),
|
|
166
166
|
soft: XzBaseScale({
|
|
167
|
-
100: Color(
|
|
168
|
-
200: Color(
|
|
167
|
+
100: Color(0x062B313B),
|
|
168
|
+
200: Color(0x0D2B313B),
|
|
169
169
|
}),
|
|
170
170
|
text: XzBaseScale({
|
|
171
171
|
100: Color(0xFF18181B),
|
|
@@ -193,7 +193,7 @@ class XzColors {
|
|
|
193
193
|
},
|
|
194
194
|
bg: {
|
|
195
195
|
100: Color(0xFF0669FF),
|
|
196
|
-
200: Color(
|
|
196
|
+
200: Color(0xFF005CE4),
|
|
197
197
|
},
|
|
198
198
|
fg: {
|
|
199
199
|
100: Color(0xFFFFFFFF),
|
|
@@ -219,7 +219,7 @@ class XzColors {
|
|
|
219
219
|
},
|
|
220
220
|
bg: {
|
|
221
221
|
100: Color(0xFFE32A20),
|
|
222
|
-
200: Color(
|
|
222
|
+
200: Color(0xFFD10606),
|
|
223
223
|
},
|
|
224
224
|
fg: {
|
|
225
225
|
100: Color(0xFFFFFFFF),
|
|
@@ -245,7 +245,7 @@ class XzColors {
|
|
|
245
245
|
},
|
|
246
246
|
bg: {
|
|
247
247
|
100: Color(0xFF15C02D),
|
|
248
|
-
200: Color(
|
|
248
|
+
200: Color(0xFF00AE23),
|
|
249
249
|
},
|
|
250
250
|
fg: {
|
|
251
251
|
100: Color(0xF2000000),
|
|
@@ -271,7 +271,7 @@ class XzColors {
|
|
|
271
271
|
},
|
|
272
272
|
bg: {
|
|
273
273
|
100: Color(0xFFFFB508),
|
|
274
|
-
200: Color(
|
|
274
|
+
200: Color(0xFFEBA600),
|
|
275
275
|
},
|
|
276
276
|
fg: {
|
|
277
277
|
100: Color(0xF2000000),
|
|
@@ -297,7 +297,7 @@ class XzColors {
|
|
|
297
297
|
},
|
|
298
298
|
bg: {
|
|
299
299
|
100: Color(0xFF00CAE7),
|
|
300
|
-
200: Color(
|
|
300
|
+
200: Color(0xFF00B9D3),
|
|
301
301
|
},
|
|
302
302
|
fg: {
|
|
303
303
|
100: Color(0xF2000000),
|
|
@@ -323,7 +323,7 @@ class XzColors {
|
|
|
323
323
|
},
|
|
324
324
|
bg: {
|
|
325
325
|
100: Color(0xFF798598),
|
|
326
|
-
200: Color(
|
|
326
|
+
200: Color(0xFF6A7689),
|
|
327
327
|
},
|
|
328
328
|
fg: {
|
|
329
329
|
100: Color(0xFFFFFFFF),
|
|
@@ -338,7 +338,7 @@ class XzColors {
|
|
|
338
338
|
// ── Dark theme ──
|
|
339
339
|
static const dark = XzColors._(
|
|
340
340
|
bg: XzBaseScale({
|
|
341
|
-
100: Color(
|
|
341
|
+
100: Color(0xFFF1F5FC),
|
|
342
342
|
200: Color(0xFFE1E5EB),
|
|
343
343
|
}),
|
|
344
344
|
surface: XzBaseScale({
|
|
@@ -352,8 +352,8 @@ class XzColors {
|
|
|
352
352
|
100: Color(0xFF000000),
|
|
353
353
|
}),
|
|
354
354
|
soft: XzBaseScale({
|
|
355
|
-
100: Color(
|
|
356
|
-
200: Color(
|
|
355
|
+
100: Color(0x06F1F5FC),
|
|
356
|
+
200: Color(0x0DF1F5FC),
|
|
357
357
|
}),
|
|
358
358
|
text: XzBaseScale({
|
|
359
359
|
100: Color(0xFFEEF2F9),
|
package/dist/figma-plugin.zip
CHANGED
|
Binary file
|
|
@@ -7,12 +7,12 @@
|
|
|
7
7
|
"$value": {
|
|
8
8
|
"colorSpace": "srgb",
|
|
9
9
|
"components": [
|
|
10
|
-
0.
|
|
11
|
-
0.
|
|
12
|
-
0.
|
|
10
|
+
0.945098,
|
|
11
|
+
0.960784,
|
|
12
|
+
0.988235
|
|
13
13
|
],
|
|
14
14
|
"alpha": 1,
|
|
15
|
-
"hex": "#
|
|
15
|
+
"hex": "#F1F5FC"
|
|
16
16
|
}
|
|
17
17
|
},
|
|
18
18
|
"200": {
|
|
@@ -102,12 +102,12 @@
|
|
|
102
102
|
"$value": {
|
|
103
103
|
"colorSpace": "srgb",
|
|
104
104
|
"components": [
|
|
105
|
-
0.
|
|
106
|
-
0.
|
|
107
|
-
0.
|
|
105
|
+
0.945098,
|
|
106
|
+
0.960784,
|
|
107
|
+
0.988235
|
|
108
108
|
],
|
|
109
109
|
"alpha": 0.023529411764705882,
|
|
110
|
-
"hex": "#
|
|
110
|
+
"hex": "#F1F5FC06"
|
|
111
111
|
}
|
|
112
112
|
},
|
|
113
113
|
"200": {
|
|
@@ -115,12 +115,12 @@
|
|
|
115
115
|
"$value": {
|
|
116
116
|
"colorSpace": "srgb",
|
|
117
117
|
"components": [
|
|
118
|
-
0.
|
|
119
|
-
0.
|
|
120
|
-
0.
|
|
118
|
+
0.945098,
|
|
119
|
+
0.960784,
|
|
120
|
+
0.988235
|
|
121
121
|
],
|
|
122
122
|
"alpha": 0.050980392156862744,
|
|
123
|
-
"hex": "#
|
|
123
|
+
"hex": "#F1F5FC0D"
|
|
124
124
|
}
|
|
125
125
|
}
|
|
126
126
|
},
|
|
@@ -7,12 +7,12 @@
|
|
|
7
7
|
"$value": {
|
|
8
8
|
"colorSpace": "srgb",
|
|
9
9
|
"components": [
|
|
10
|
-
0.
|
|
11
|
-
0.
|
|
12
|
-
0.
|
|
10
|
+
0.168627,
|
|
11
|
+
0.192157,
|
|
12
|
+
0.231373
|
|
13
13
|
],
|
|
14
14
|
"alpha": 1,
|
|
15
|
-
"hex": "#
|
|
15
|
+
"hex": "#2B313B"
|
|
16
16
|
}
|
|
17
17
|
},
|
|
18
18
|
"200": {
|
|
@@ -20,12 +20,12 @@
|
|
|
20
20
|
"$value": {
|
|
21
21
|
"colorSpace": "srgb",
|
|
22
22
|
"components": [
|
|
23
|
-
0.
|
|
24
|
-
0.
|
|
25
|
-
0.
|
|
23
|
+
0.07451,
|
|
24
|
+
0.098039,
|
|
25
|
+
0.133333
|
|
26
26
|
],
|
|
27
27
|
"alpha": 1,
|
|
28
|
-
"hex": "#
|
|
28
|
+
"hex": "#131922"
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
},
|
|
@@ -117,12 +117,12 @@
|
|
|
117
117
|
"$value": {
|
|
118
118
|
"colorSpace": "srgb",
|
|
119
119
|
"components": [
|
|
120
|
-
0.
|
|
121
|
-
0.
|
|
122
|
-
0.
|
|
120
|
+
0.168627,
|
|
121
|
+
0.192157,
|
|
122
|
+
0.231373
|
|
123
123
|
],
|
|
124
124
|
"alpha": 0.023529411764705882,
|
|
125
|
-
"hex": "#
|
|
125
|
+
"hex": "#2B313B06"
|
|
126
126
|
}
|
|
127
127
|
},
|
|
128
128
|
"200": {
|
|
@@ -130,12 +130,12 @@
|
|
|
130
130
|
"$value": {
|
|
131
131
|
"colorSpace": "srgb",
|
|
132
132
|
"components": [
|
|
133
|
-
0.
|
|
134
|
-
0.
|
|
135
|
-
0.
|
|
133
|
+
0.168627,
|
|
134
|
+
0.192157,
|
|
135
|
+
0.231373
|
|
136
136
|
],
|
|
137
137
|
"alpha": 0.050980392156862744,
|
|
138
|
-
"hex": "#
|
|
138
|
+
"hex": "#2B313B0D"
|
|
139
139
|
}
|
|
140
140
|
}
|
|
141
141
|
},
|
|
@@ -340,11 +340,11 @@
|
|
|
340
340
|
"colorSpace": "srgb",
|
|
341
341
|
"components": [
|
|
342
342
|
0,
|
|
343
|
-
0.
|
|
344
|
-
0.
|
|
343
|
+
0.360784,
|
|
344
|
+
0.894118
|
|
345
345
|
],
|
|
346
346
|
"alpha": 1,
|
|
347
|
-
"hex": "#
|
|
347
|
+
"hex": "#005CE4"
|
|
348
348
|
}
|
|
349
349
|
}
|
|
350
350
|
},
|
|
@@ -509,12 +509,12 @@
|
|
|
509
509
|
"$value": {
|
|
510
510
|
"colorSpace": "srgb",
|
|
511
511
|
"components": [
|
|
512
|
-
0.
|
|
513
|
-
0.
|
|
514
|
-
0.
|
|
512
|
+
0.819608,
|
|
513
|
+
0.023529,
|
|
514
|
+
0.023529
|
|
515
515
|
],
|
|
516
516
|
"alpha": 1,
|
|
517
|
-
"hex": "#
|
|
517
|
+
"hex": "#D10606"
|
|
518
518
|
}
|
|
519
519
|
}
|
|
520
520
|
},
|
|
@@ -680,11 +680,11 @@
|
|
|
680
680
|
"colorSpace": "srgb",
|
|
681
681
|
"components": [
|
|
682
682
|
0,
|
|
683
|
-
0.
|
|
684
|
-
0.
|
|
683
|
+
0.682353,
|
|
684
|
+
0.137255
|
|
685
685
|
],
|
|
686
686
|
"alpha": 1,
|
|
687
|
-
"hex": "#
|
|
687
|
+
"hex": "#00AE23"
|
|
688
688
|
}
|
|
689
689
|
}
|
|
690
690
|
},
|
|
@@ -849,12 +849,12 @@
|
|
|
849
849
|
"$value": {
|
|
850
850
|
"colorSpace": "srgb",
|
|
851
851
|
"components": [
|
|
852
|
-
0.
|
|
853
|
-
0.
|
|
852
|
+
0.921569,
|
|
853
|
+
0.65098,
|
|
854
854
|
0
|
|
855
855
|
],
|
|
856
856
|
"alpha": 1,
|
|
857
|
-
"hex": "#
|
|
857
|
+
"hex": "#EBA600"
|
|
858
858
|
}
|
|
859
859
|
}
|
|
860
860
|
},
|
|
@@ -1020,11 +1020,11 @@
|
|
|
1020
1020
|
"colorSpace": "srgb",
|
|
1021
1021
|
"components": [
|
|
1022
1022
|
0,
|
|
1023
|
-
0.
|
|
1024
|
-
0.
|
|
1023
|
+
0.72549,
|
|
1024
|
+
0.827451
|
|
1025
1025
|
],
|
|
1026
1026
|
"alpha": 1,
|
|
1027
|
-
"hex": "#
|
|
1027
|
+
"hex": "#00B9D3"
|
|
1028
1028
|
}
|
|
1029
1029
|
}
|
|
1030
1030
|
},
|
|
@@ -1189,12 +1189,12 @@
|
|
|
1189
1189
|
"$value": {
|
|
1190
1190
|
"colorSpace": "srgb",
|
|
1191
1191
|
"components": [
|
|
1192
|
-
0.
|
|
1193
|
-
0.
|
|
1194
|
-
0.
|
|
1192
|
+
0.415686,
|
|
1193
|
+
0.462745,
|
|
1194
|
+
0.537255
|
|
1195
1195
|
],
|
|
1196
1196
|
"alpha": 1,
|
|
1197
|
-
"hex": "#
|
|
1197
|
+
"hex": "#6A7689"
|
|
1198
1198
|
}
|
|
1199
1199
|
}
|
|
1200
1200
|
},
|
|
@@ -1359,12 +1359,12 @@
|
|
|
1359
1359
|
"$value": {
|
|
1360
1360
|
"colorSpace": "srgb",
|
|
1361
1361
|
"components": [
|
|
1362
|
-
0.
|
|
1363
|
-
0.
|
|
1364
|
-
0
|
|
1362
|
+
0.909804,
|
|
1363
|
+
0.462745,
|
|
1364
|
+
0
|
|
1365
1365
|
],
|
|
1366
1366
|
"alpha": 1,
|
|
1367
|
-
"hex": "#
|
|
1367
|
+
"hex": "#E87600"
|
|
1368
1368
|
}
|
|
1369
1369
|
}
|
|
1370
1370
|
},
|
|
@@ -1529,12 +1529,12 @@
|
|
|
1529
1529
|
"$value": {
|
|
1530
1530
|
"colorSpace": "srgb",
|
|
1531
1531
|
"components": [
|
|
1532
|
-
0.
|
|
1533
|
-
0.
|
|
1534
|
-
0.
|
|
1532
|
+
0.54902,
|
|
1533
|
+
0.388235,
|
|
1534
|
+
0.933333
|
|
1535
1535
|
],
|
|
1536
1536
|
"alpha": 1,
|
|
1537
|
-
"hex": "#
|
|
1537
|
+
"hex": "#8C63EE"
|
|
1538
1538
|
}
|
|
1539
1539
|
}
|
|
1540
1540
|
},
|
package/dist/index.js
CHANGED
|
@@ -293,8 +293,8 @@ var lightTheme = {
|
|
|
293
293
|
},
|
|
294
294
|
colors: {
|
|
295
295
|
bg: {
|
|
296
|
-
100: "oklch(0.
|
|
297
|
-
200: "oklch(0.
|
|
296
|
+
100: "oklch(0.312 0.02 260.638)",
|
|
297
|
+
200: "oklch(0.212 0.02 260.638)"
|
|
298
298
|
},
|
|
299
299
|
surface: {
|
|
300
300
|
50: "oklch(1.00 0.00 260)",
|
|
@@ -336,7 +336,7 @@ var lightTheme = {
|
|
|
336
336
|
},
|
|
337
337
|
bg: {
|
|
338
338
|
100: "var(--xz-color-fastwork)",
|
|
339
|
-
200: `oklch(from var(--xz-color-fastwork) calc(l - 0.
|
|
339
|
+
200: `oklch(from var(--xz-color-fastwork) calc(l - 0.05) c h / 1)`
|
|
340
340
|
},
|
|
341
341
|
fg: {
|
|
342
342
|
100: "oklch(1 0 0 / 1)"
|
|
@@ -362,7 +362,7 @@ var lightTheme = {
|
|
|
362
362
|
},
|
|
363
363
|
bg: {
|
|
364
364
|
100: "var(--xz-color-red)",
|
|
365
|
-
200: `oklch(from var(--xz-color-red) calc(l - 0.
|
|
365
|
+
200: `oklch(from var(--xz-color-red) calc(l - 0.05) c h / 1)`
|
|
366
366
|
},
|
|
367
367
|
fg: {
|
|
368
368
|
100: "oklch(1 0 0 / 1)"
|
|
@@ -388,7 +388,7 @@ var lightTheme = {
|
|
|
388
388
|
},
|
|
389
389
|
bg: {
|
|
390
390
|
100: "var(--xz-color-green)",
|
|
391
|
-
200: `oklch(from var(--xz-color-green) calc(l - 0.
|
|
391
|
+
200: `oklch(from var(--xz-color-green) calc(l - 0.05) c h / 1)`
|
|
392
392
|
},
|
|
393
393
|
fg: {
|
|
394
394
|
100: "oklch(0 0 0 / 0.95)"
|
|
@@ -414,7 +414,7 @@ var lightTheme = {
|
|
|
414
414
|
},
|
|
415
415
|
bg: {
|
|
416
416
|
100: "var(--xz-color-yellow)",
|
|
417
|
-
200: `oklch(from var(--xz-color-yellow) calc(l - 0.
|
|
417
|
+
200: `oklch(from var(--xz-color-yellow) calc(l - 0.05) c h / 1)`
|
|
418
418
|
},
|
|
419
419
|
fg: {
|
|
420
420
|
100: "oklch(0 0 0 / 0.95)"
|
|
@@ -440,7 +440,7 @@ var lightTheme = {
|
|
|
440
440
|
},
|
|
441
441
|
bg: {
|
|
442
442
|
100: "var(--xz-color-cyan)",
|
|
443
|
-
200: `oklch(from var(--xz-color-cyan) calc(l - 0.
|
|
443
|
+
200: `oklch(from var(--xz-color-cyan) calc(l - 0.05) c h / 1)`
|
|
444
444
|
},
|
|
445
445
|
fg: {
|
|
446
446
|
100: "oklch(0 0 0 / 0.95)"
|
|
@@ -466,7 +466,7 @@ var lightTheme = {
|
|
|
466
466
|
},
|
|
467
467
|
bg: {
|
|
468
468
|
100: "var(--xz-color-orange)",
|
|
469
|
-
200: `oklch(from var(--xz-color-orange) calc(l - 0.
|
|
469
|
+
200: `oklch(from var(--xz-color-orange) calc(l - 0.05) c h / 1)`
|
|
470
470
|
},
|
|
471
471
|
fg: {
|
|
472
472
|
100: "oklch(0 0 0 / 0.95)"
|
|
@@ -492,7 +492,7 @@ var lightTheme = {
|
|
|
492
492
|
},
|
|
493
493
|
bg: {
|
|
494
494
|
100: "var(--xz-color-purple)",
|
|
495
|
-
200: `oklch(from var(--xz-color-purple) calc(l - 0.
|
|
495
|
+
200: `oklch(from var(--xz-color-purple) calc(l - 0.05) c h / 1)`
|
|
496
496
|
},
|
|
497
497
|
fg: {
|
|
498
498
|
100: "oklch(0 0 0 / 0.95)"
|
|
@@ -554,7 +554,7 @@ var lightTheme = {
|
|
|
554
554
|
},
|
|
555
555
|
bg: {
|
|
556
556
|
100: "var(--xz-color-gray)",
|
|
557
|
-
200: `oklch(from var(--xz-color-gray) calc(l - 0.
|
|
557
|
+
200: `oklch(from var(--xz-color-gray) calc(l - 0.05) c h / 1)`
|
|
558
558
|
},
|
|
559
559
|
fg: {
|
|
560
560
|
100: "oklch(1 0 0)"
|
|
@@ -612,7 +612,7 @@ var darkTheme = {
|
|
|
612
612
|
},
|
|
613
613
|
colors: {
|
|
614
614
|
bg: {
|
|
615
|
-
100: "oklch(0.
|
|
615
|
+
100: "oklch(0.97 0.01 260)",
|
|
616
616
|
200: "oklch(0.92 0.01 260)"
|
|
617
617
|
},
|
|
618
618
|
surface: {
|