@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 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(0xFF0D1014),
154
- 200: Color(0xFF373B40),
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(0x060D1014),
168
- 200: Color(0x0D0D1014),
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(0xFF0061EF),
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(0xFFD81912),
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(0xFF00B625),
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(0xFFF3AC00),
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(0xFF00C0DB),
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(0xFF707C8F),
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(0xFFEEF2F9),
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(0x06EEF2F9),
356
- 200: Color(0x0DEEF2F9),
355
+ 100: Color(0x06F1F5FC),
356
+ 200: Color(0x0DF1F5FC),
357
357
  }),
358
358
  text: XzBaseScale({
359
359
  100: Color(0xFFEEF2F9),
Binary file
@@ -7,12 +7,12 @@
7
7
  "$value": {
8
8
  "colorSpace": "srgb",
9
9
  "components": [
10
- 0.933333,
11
- 0.94902,
12
- 0.976471
10
+ 0.945098,
11
+ 0.960784,
12
+ 0.988235
13
13
  ],
14
14
  "alpha": 1,
15
- "hex": "#EEF2F9"
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.933333,
106
- 0.94902,
107
- 0.976471
105
+ 0.945098,
106
+ 0.960784,
107
+ 0.988235
108
108
  ],
109
109
  "alpha": 0.023529411764705882,
110
- "hex": "#EEF2F906"
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.933333,
119
- 0.94902,
120
- 0.976471
118
+ 0.945098,
119
+ 0.960784,
120
+ 0.988235
121
121
  ],
122
122
  "alpha": 0.050980392156862744,
123
- "hex": "#EEF2F90D"
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.05098,
11
- 0.062745,
12
- 0.078431
10
+ 0.168627,
11
+ 0.192157,
12
+ 0.231373
13
13
  ],
14
14
  "alpha": 1,
15
- "hex": "#0D1014"
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.215686,
24
- 0.231373,
25
- 0.25098
23
+ 0.07451,
24
+ 0.098039,
25
+ 0.133333
26
26
  ],
27
27
  "alpha": 1,
28
- "hex": "#373B40"
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.05098,
121
- 0.062745,
122
- 0.078431
120
+ 0.168627,
121
+ 0.192157,
122
+ 0.231373
123
123
  ],
124
124
  "alpha": 0.023529411764705882,
125
- "hex": "#0D101406"
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.05098,
134
- 0.062745,
135
- 0.078431
133
+ 0.168627,
134
+ 0.192157,
135
+ 0.231373
136
136
  ],
137
137
  "alpha": 0.050980392156862744,
138
- "hex": "#0D10140D"
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.380392,
344
- 0.937255
343
+ 0.360784,
344
+ 0.894118
345
345
  ],
346
346
  "alpha": 1,
347
- "hex": "#0061EF"
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.847059,
513
- 0.098039,
514
- 0.070588
512
+ 0.819608,
513
+ 0.023529,
514
+ 0.023529
515
515
  ],
516
516
  "alpha": 1,
517
- "hex": "#D81912"
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.713725,
684
- 0.145098
683
+ 0.682353,
684
+ 0.137255
685
685
  ],
686
686
  "alpha": 1,
687
- "hex": "#00B625"
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.952941,
853
- 0.67451,
852
+ 0.921569,
853
+ 0.65098,
854
854
  0
855
855
  ],
856
856
  "alpha": 1,
857
- "hex": "#F3AC00"
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.752941,
1024
- 0.858824
1023
+ 0.72549,
1024
+ 0.827451
1025
1025
  ],
1026
1026
  "alpha": 1,
1027
- "hex": "#00C0DB"
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.439216,
1193
- 0.486275,
1194
- 0.560784
1192
+ 0.415686,
1193
+ 0.462745,
1194
+ 0.537255
1195
1195
  ],
1196
1196
  "alpha": 1,
1197
- "hex": "#707C8F"
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.945098,
1363
- 0.482353,
1364
- 0.039216
1362
+ 0.909804,
1363
+ 0.462745,
1364
+ 0
1365
1365
  ],
1366
1366
  "alpha": 1,
1367
- "hex": "#F17B0A"
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.572549,
1533
- 0.411765,
1534
- 0.960784
1532
+ 0.54902,
1533
+ 0.388235,
1534
+ 0.933333
1535
1535
  ],
1536
1536
  "alpha": 1,
1537
- "hex": "#9269F5"
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.17 0.01 260)",
297
- 200: "oklch(0.35 0.01 260)"
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.03) c h / 1)`
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.03) c h / 1)`
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.03) c h / 1)`
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.03) c h / 1)`
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.03) c h / 1)`
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.03) c h / 1)`
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.03) c h / 1)`
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.03) c h / 1)`
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.96 0.01 260)",
615
+ 100: "oklch(0.97 0.01 260)",
616
616
  200: "oklch(0.92 0.01 260)"
617
617
  },
618
618
  surface: {