@fastwork/xosmoz-theme 0.64.0 → 0.66.0

package/README.md

@@ -71,9 +71,7 @@ Surface and layout colors that adapt between light and dark themes.
 | `--xz-color-text-300` | Tertiary/disabled text (60% opacity) |
 | `--xz-color-bg-100` | Extreme base background (near-black in light, near-white in dark) |
 | `--xz-color-bg-200` | Darker base background |
-| `--xz-color-fg-100` | Text on `bg-100` (white in light, black in dark) |
-| `--xz-color-soft-100` | Very subtle overlay (4% opacity of bg) |
-| `--xz-color-soft-200` | Subtle overlay (7% opacity of bg) |
+| `--xz-color-text-fg` | Text on `bg-100` (white in light, black in dark) |
 | `--xz-color-line-50` | Subtle borders |
 | `--xz-color-line-100` | Default borders |
 | `--xz-color-line-200` | Strong/emphasized borders |
@@ -96,7 +94,7 @@ Each category follows the same token structure — replace `{name}` with the cat
 | `--xz-color-{name}-line-300` | Strong colored border (active states) |
 | `--xz-color-{name}-bg-100` | Solid fill (buttons, tags) |
 | `--xz-color-{name}-bg-200` | Darker solid fill (hover state) |
-| `--xz-color-{name}-fg-100` | Text on solid backgrounds — pair with `bg-100`/`bg-200` (typically white) |
+| `--xz-color-{name}-text-fg` | Text on solid backgrounds — pair with `bg-100`/`bg-200` (typically white) |
 | `--xz-color-{name}-text-100` | Colored text on surfaces (links, labels) |
 | `--xz-color-{name}-text-200` | Darker colored text on surfaces |
 
@@ -106,7 +104,7 @@ Each category follows the same token structure — replace `{name}` with the cat
 /* Primary button */
 .btn-primary {
   background: var(--xz-color-primary-bg-100);
-  color: var(--xz-color-primary-fg-100);  /* white text on solid bg */
+  color: var(--xz-color-primary-text-fg);  /* white text on solid bg */
 }
 .btn-primary:hover {
   background: var(--xz-color-primary-bg-200);
@@ -310,7 +308,7 @@ Override any CSS variable for a custom theme:
   --xz-color-text-100: oklch(0.20 0.006 285);
   --xz-color-line-50: oklch(0.95 0 1 / 0.95);
   --xz-color-primary-bg-100: oklch(0.58 0.25 30);
-  --xz-color-primary-fg-100: oklch(1 0 0 / 0.95);
+  --xz-color-primary-text-fg: oklch(1 0 0 / 0.95);
   --xz-color-primary-text-100: oklch(0.58 0.25 30);
   /* override other variables as needed */
 }
@@ -341,7 +339,7 @@ Then activate it:
 ```css
 .btn-primary {
   background: var(--xz-color-primary-bg-100);
-  color: var(--xz-color-primary-fg-100);
+  color: var(--xz-color-primary-text-fg);
   font: var(--xz-font-subtitle1-bold);
   border: none;
   border-radius: 0.5rem;
@@ -372,7 +370,7 @@ Then activate it:
 
 .alert-danger {
   background: var(--xz-color-danger-bg-100);
-  color: var(--xz-color-danger-fg-100);
+  color: var(--xz-color-danger-text-fg);
 }
 ```
 

package/dist/dart/xz_colors.generated.dart

@@ -35,16 +35,16 @@ class XzBaseScale {
   Color get shade200 => _shades[200]!;
   Color get shade300 => _shades[300]!;
   Color get shade400 => _shades[400]!;
+  Color get shadeNaN => _shades[NaN]!;
 }
 
-/// Semantic role color with soft, softSolid, line, bg, fg, text sub-groups.
+/// Semantic role color with soft, softSolid, line, bg, text sub-groups.
 class XzRoleColor {
   const XzRoleColor({
     this.soft = const {},
     this.softSolid = const {},
     this.line = const {},
     this.bg = const {},
-    this.fg = const {},
     this.text = const {},
   });
 
@@ -52,7 +52,6 @@ class XzRoleColor {
   final Map<int, Color> softSolid;
   final Map<int, Color> line;
   final Map<int, Color> bg;
-  final Map<int, Color> fg;
   final Map<int, Color> text;
 
   Color get soft100 => soft[100]!;
@@ -64,7 +63,6 @@ class XzRoleColor {
   Color get line300 => line[300]!;
   Color get bg100 => bg[100]!;
   Color get bg200 => bg[200]!;
-  Color get fg100 => fg[100]!;
   Color get text100 => text[100]!;
 }
 
@@ -108,8 +106,6 @@ class XzColors {
   const XzColors._({
     required this.bg,
     required this.surface,
-    required this.fg,
-    required this.soft,
     required this.text,
     required this.line,
     required this.primary,
@@ -134,8 +130,6 @@ class XzColors {
   // ── Semantic base (theme-dependent) ──
   final XzBaseScale bg;
   final XzBaseScale surface;
-  final XzBaseScale fg;
-  final XzBaseScale soft;
   final XzBaseScale text;
   final XzBaseScale line;
 
@@ -155,22 +149,16 @@ class XzColors {
     }),
     surface: XzBaseScale({
       50: Color(0xFFFFFFFF),
-      100: Color(0xFFF8F8F8),
-      200: Color(0xFFF2F2F2),
-      300: Color(0xFFEEEEEE),
-      400: Color(0xFFE4E4E4),
-    }),
-    fg: XzBaseScale({
-      100: Color(0xFFFFFFFF),
-    }),
-    soft: XzBaseScale({
-      100: Color(0x0A2B313B),
-      200: Color(0x122B313B),
+      100: Color(0xFFF7F8FB),
+      200: Color(0xFFF0F2F4),
+      300: Color(0xFFEDEEF1),
+      400: Color(0xFFE3E5E7),
     }),
     text: XzBaseScale({
       100: Color(0xFF161616),
       200: Color(0xB3161616),
       300: Color(0x99161616),
+      NaN: Color(0xFFFFFFFF),
     }),
     line: XzBaseScale({
       50: Color(0xF7EBEFF5),
@@ -184,24 +172,22 @@ class XzColors {
         200: Color(0x4098BFFF),
       },
       softSolid: {
-        100: Color(0xFFEAF0FA),
-        200: Color(0xFFE0EAFB),
+        100: Color(0xFFE8F0FC),
+        200: Color(0xFFDFEAFD),
       },
       line: {
-        100: Color(0xFFBED2F4),
-        200: Color(0xFF84ACED),
-        300: Color(0xFF6294E8),
+        100: Color(0xFFBCD2F6),
+        200: Color(0xFF84ACEF),
+        300: Color(0xFF6294E9),
       },
       bg: {
         100: Color(0xFF0669FF),
         200: Color(0xFF005CE4),
       },
-      fg: {
-        100: Color(0xFFFFFFFF),
-      },
       text: {
         100: Color(0xFF0063F5),
         200: Color(0xFF003EA0),
+        NaN: Color(0xFFFFFFFF),
       },
     ),
     danger: XzRoleColor(
@@ -210,24 +196,22 @@ class XzColors {
         200: Color(0x40FFA193),
       },
       softSolid: {
-        100: Color(0xFFFBEBE9),
-        200: Color(0xFFFCE3DF),
+        100: Color(0xFFFAECEB),
+        200: Color(0xFFFBE3E1),
       },
       line: {
-        100: Color(0xFFF1C5BE),
-        200: Color(0xFFE49285),
-        300: Color(0xFFDA7264),
+        100: Color(0xFFF0C5C0),
+        200: Color(0xFFE49287),
+        300: Color(0xFFDA7265),
       },
       bg: {
         100: Color(0xFFE32A20),
         200: Color(0xFFD10606),
       },
-      fg: {
-        100: Color(0xFFFFFFFF),
-      },
       text: {
         100: Color(0xFFD40F0B),
         200: Color(0xFF8B0001),
+        NaN: Color(0xFFFFFFFF),
       },
     ),
     success: XzRoleColor(
@@ -236,24 +220,22 @@ class XzColors {
         200: Color(0x404AE052),
       },
       softSolid: {
-        100: Color(0xFFE3F6E2),
-        200: Color(0xFFD4F4D2),
+        100: Color(0xFFE1F6E4),
+        200: Color(0xFFD3F4D5),
       },
       line: {
-        100: Color(0xFFC2D8C1),
-        200: Color(0xFF8CB98A),
-        300: Color(0xFF6BA66A),
+        100: Color(0xFFC0D9C3),
+        200: Color(0xFF8BB98C),
+        300: Color(0xFF6AA66B),
       },
       bg: {
         100: Color(0xFF15C02D),
         200: Color(0xFF00AE23),
       },
-      fg: {
-        100: Color(0xF2000000),
-      },
       text: {
         100: Color(0xFF008A19),
         200: Color(0xFF00580C),
+        NaN: Color(0xF2000000),
       },
     ),
     warning: XzRoleColor(
@@ -262,24 +244,22 @@ class XzColors {
         200: Color(0x40F6AF00),
       },
       softSolid: {
-        100: Color(0xFFF9EEDD),
-        200: Color(0xFFF9E7CB),
+        100: Color(0xFFF7EEE0),
+        200: Color(0xFFF8E7CD),
       },
       line: {
-        100: Color(0xFFDACFBF),
-        200: Color(0xFFBDA886),
-        300: Color(0xFFAB9065),
+        100: Color(0xFFD9D0C1),
+        200: Color(0xFFBCA888),
+        300: Color(0xFFAB9066),
       },
       bg: {
         100: Color(0xFFFFB508),
         200: Color(0xFFEBA600),
       },
-      fg: {
-        100: Color(0xF2000000),
-      },
       text: {
         100: Color(0xFF956800),
         200: Color(0xFF5F4100),
+        NaN: Color(0xF2000000),
       },
     ),
     info: XzRoleColor(
@@ -288,24 +268,22 @@ class XzColors {
         200: Color(0x4022D4F1),
       },
       softSolid: {
-        100: Color(0xFFE1F3F8),
-        200: Color(0xFFD1F0F7),
+        100: Color(0xFFE0F4FA),
+        200: Color(0xFFD0F0F9),
       },
       line: {
-        100: Color(0xFFC2D5DA),
-        200: Color(0xFF8CB3BB),
-        300: Color(0xFF6B9EAA),
+        100: Color(0xFFC0D5DC),
+        200: Color(0xFF8BB3BD),
+        300: Color(0xFF6A9EAB),
       },
       bg: {
         100: Color(0xFF00CAE7),
         200: Color(0xFF00B9D3),
       },
-      fg: {
-        100: Color(0xF2000000),
-      },
       text: {
         100: Color(0xFF008093),
         200: Color(0xFF00515E),
+        NaN: Color(0xF2000000),
       },
     ),
     neutral: XzRoleColor(
@@ -314,24 +292,22 @@ class XzColors {
         200: Color(0x40B2BFD3),
       },
       softSolid: {
-        100: Color(0xFFEEF0F3),
-        200: Color(0xFFE6EAEF),
+        100: Color(0xFFECF0F5),
+        200: Color(0xFFE5EAF1),
       },
       line: {
-        100: Color(0xFFCED1D6),
-        200: Color(0xFFA5ABB5),
-        300: Color(0xFF8D95A2),
+        100: Color(0xFFCDD1D8),
+        200: Color(0xFFA4ABB7),
+        300: Color(0xFF8D95A3),
       },
       bg: {
         100: Color(0xFF798598),
         200: Color(0xFF6A7689),
       },
-      fg: {
-        100: Color(0xFFFFFFFF),
-      },
       text: {
         100: Color(0xFF677285),
         200: Color(0xFF3E4859),
+        NaN: Color(0xFFFFFFFF),
       },
     ),
   );
@@ -349,17 +325,11 @@ class XzColors {
       300: Color(0xFF373C47),
       400: Color(0xFF3B3F4B),
     }),
-    fg: XzBaseScale({
-      100: Color(0xFF000000),
-    }),
-    soft: XzBaseScale({
-      100: Color(0x0AF1F5FC),
-      200: Color(0x12F1F5FC),
-    }),
     text: XzBaseScale({
       100: Color(0xFFF2F2F2),
       200: Color(0xA6F2F2F2),
       300: Color(0x8CF2F2F2),
+      NaN: Color(0xFF000000),
     }),
     line: XzBaseScale({
       50: Color(0xF23E424D),
@@ -385,12 +355,10 @@ class XzColors {
         100: Color(0xFF0669FF),
         200: Color(0xFF347EFF),
       },
-      fg: {
-        100: Color(0xFFFFFFFF),
-      },
       text: {
         100: Color(0xFF7EAEFF),
         200: Color(0xFFB2CFFF),
+        NaN: Color(0xFFFFFFFF),
       },
     ),
     danger: XzRoleColor(
@@ -411,12 +379,10 @@ class XzColors {
         100: Color(0xFFE32A20),
         200: Color(0xFFF64032),
       },
-      fg: {
-        100: Color(0xFFFFFFFF),
-      },
       text: {
         100: Color(0xFFFF8575),
         200: Color(0xFFFFBAAF),
+        NaN: Color(0xFFFFFFFF),
       },
     ),
     success: XzRoleColor(
@@ -437,12 +403,10 @@ class XzColors {
         100: Color(0xFF15C02D),
         200: Color(0xFF35D141),
       },
-      fg: {
-        100: Color(0xF2000000),
-      },
       text: {
         100: Color(0xFF4BCD51),
         200: Color(0xFF6FEE72),
+        NaN: Color(0xF2000000),
       },
     ),
     warning: XzRoleColor(
@@ -463,12 +427,10 @@ class XzColors {
         100: Color(0xFFFFB508),
         200: Color(0xFFFFCC76),
       },
-      fg: {
-        100: Color(0xF2000000),
-      },
       text: {
         100: Color(0xFFE2A000),
         200: Color(0xFFFFC257),
+        NaN: Color(0xF2000000),
       },
     ),
     info: XzRoleColor(
@@ -489,12 +451,10 @@ class XzColors {
         100: Color(0xFF00CAE7),
         200: Color(0xFF31DBF8),
       },
-      fg: {
-        100: Color(0xF2000000),
-      },
       text: {
         100: Color(0xFF00C3DF),
         200: Color(0xFF50E3FF),
+        NaN: Color(0xF2000000),
       },
     ),
     neutral: XzRoleColor(
@@ -515,12 +475,10 @@ class XzColors {
         100: Color(0xFF798598),
         200: Color(0xFF8894A7),
       },
-      fg: {
-        100: Color(0xFFFFFFFF),
-      },
       text: {
         100: Color(0xFFA2AFC3),
         200: Color(0xFFC2CFE3),
+        NaN: Color(0xFFFFFFFF),
       },
     ),
   );