@fastwork/xosmoz-theme 0.63.0 → 0.65.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;
 
@@ -160,17 +154,11 @@ class XzColors {
       300: Color(0xFFEEEEEE),
       400: Color(0xFFE4E4E4),
     }),
-    fg: XzBaseScale({
-      100: Color(0xFFFFFFFF),
-    }),
-    soft: XzBaseScale({
-      100: Color(0x0A2B313B),
-      200: Color(0x122B313B),
-    }),
     text: XzBaseScale({
       100: Color(0xFF161616),
       200: Color(0xB3161616),
       300: Color(0x99161616),
+      NaN: Color(0xFFFFFFFF),
     }),
     line: XzBaseScale({
       50: Color(0xF7EBEFF5),
@@ -180,11 +168,11 @@ class XzColors {
     }),
     primary: XzRoleColor(
       soft: {
-        100: Color(0x26CCDFFF),
+        100: Color(0x2698BFFF),
         200: Color(0x4098BFFF),
       },
       softSolid: {
-        100: Color(0xFFF2F5F9),
+        100: Color(0xFFEAF0FA),
         200: Color(0xFFE0EAFB),
       },
       line: {
@@ -196,21 +184,19 @@ class XzColors {
         100: Color(0xFF0669FF),
         200: Color(0xFF005CE4),
       },
-      fg: {
-        100: Color(0xFFFFFFFF),
-      },
       text: {
         100: Color(0xFF0063F5),
         200: Color(0xFF003EA0),
+        NaN: Color(0xFFFFFFFF),
       },
     ),
     danger: XzRoleColor(
       soft: {
-        100: Color(0x26FFD2CA),
+        100: Color(0x26FFA193),
         200: Color(0x40FFA193),
       },
       softSolid: {
-        100: Color(0xFFFAF3F1),
+        100: Color(0xFFFBEBE9),
         200: Color(0xFFFCE3DF),
       },
       line: {
@@ -222,21 +208,19 @@ class XzColors {
         100: Color(0xFFE32A20),
         200: Color(0xFFD10606),
       },
-      fg: {
-        100: Color(0xFFFFFFFF),
-      },
       text: {
         100: Color(0xFFD40F0B),
         200: Color(0xFF8B0001),
+        NaN: Color(0xFFFFFFFF),
       },
     ),
     success: XzRoleColor(
       soft: {
-        100: Color(0x2682FF83),
+        100: Color(0x264AE052),
         200: Color(0x404AE052),
       },
       softSolid: {
-        100: Color(0xFFE9FAE8),
+        100: Color(0xFFE3F6E2),
         200: Color(0xFFD4F4D2),
       },
       line: {
@@ -248,21 +232,19 @@ class XzColors {
         100: Color(0xFF15C02D),
         200: Color(0xFF00AE23),
       },
-      fg: {
-        100: Color(0xF2000000),
-      },
       text: {
         100: Color(0xFF008A19),
         200: Color(0xFF00580C),
+        NaN: Color(0xF2000000),
       },
     ),
     warning: XzRoleColor(
       soft: {
-        100: Color(0x26FFD798),
+        100: Color(0x26F6AF00),
         200: Color(0x40F6AF00),
       },
       softSolid: {
-        100: Color(0xFFFAF4EA),
+        100: Color(0xFFF9EEDD),
         200: Color(0xFFF9E7CB),
       },
       line: {
@@ -274,21 +256,19 @@ class XzColors {
         100: Color(0xFFFFB508),
         200: Color(0xFFEBA600),
       },
-      fg: {
-        100: Color(0xF2000000),
-      },
       text: {
         100: Color(0xFF956800),
         200: Color(0xFF5F4100),
+        NaN: Color(0xF2000000),
       },
     ),
     info: XzRoleColor(
       soft: {
-        100: Color(0x269BEDFF),
+        100: Color(0x2622D4F1),
         200: Color(0x4022D4F1),
       },
       softSolid: {
-        100: Color(0xFFECF7F9),
+        100: Color(0xFFE1F3F8),
         200: Color(0xFFD1F0F7),
       },
       line: {
@@ -300,21 +280,19 @@ class XzColors {
         100: Color(0xFF00CAE7),
         200: Color(0xFF00B9D3),
       },
-      fg: {
-        100: Color(0xF2000000),
-      },
       text: {
         100: Color(0xFF008093),
         200: Color(0xFF00515E),
+        NaN: Color(0xF2000000),
       },
     ),
     neutral: XzRoleColor(
       soft: {
-        100: Color(0x26D2DFF4),
+        100: Color(0x26B2BFD3),
         200: Color(0x40B2BFD3),
       },
       softSolid: {
-        100: Color(0xFFF3F4F8),
+        100: Color(0xFFEEF0F3),
         200: Color(0xFFE6EAEF),
       },
       line: {
@@ -326,12 +304,10 @@ class XzColors {
         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),
       },
     ),
   );