synthos 0.10.1 → 0.11.0

package/default-pages/western_cities_1850/page.json

@@ -1,12 +1,14 @@
-{
-    "title": "Western Cities 1850",
-    "categories": [
-        "Educational"
-    ],
-    "pinned": false,
-    "showInAll": false,
-    "createdDate": "2026-02-17T19:25:22.510Z",
-    "lastModified": "2026-02-17T19:25:22.510Z",
-    "pageVersion": 3,
-    "mode": "unlocked"
-}
+{
+    "title": "Western Cities 1850",
+    "categories": [
+        "Educational"
+    ],
+    "pinned": false,
+    "showInAll": false,
+    "createdDate": "2026-02-17T19:25:22.510Z",
+    "lastModified": "2026-02-17T19:25:22.510Z",
+    "pageVersion": 3,
+    "mode": "unlocked",
+    "greeting": "Welcome! This is an interactive map of the United States circa the 1850s, showing how the country was politically organized after the Compromise of 1850. It's designed for interactive exploration — here are a few things you could try: Population density overlay — Visualize estimated population distribution across states and territories in the 1850s; Railroad & transportation routes — Map the major rail lines, trails, and waterways that connected the nation; Climate & geography zones — Overlay biomes, elevation, or average rainfall data onto the territorial boundaries; Statehood timeline animation — Animate how territories became states over time from 1776 to 1860; Resource & agriculture map — Show where key crops, minerals, and natural resources were concentrated. Just tell me what you'd like to explore!",
+    "firstRunGreeting": ""
+}

package/default-themes/aurora-dawn.v3.css

@@ -19,20 +19,21 @@
   --themeLighterAlt:  #ecf9fc;
 
   /* -----------------------------------------------------------------------
-     PALETTE — Neutrals (cool teal-tinted)
-     ----------------------------------------------------------------------- */
-  --neutralDark:          #0e2a2e;
-  --neutralPrimary:       #18363c;
-  --neutralPrimaryAlt:    #1e4a52;
-  --neutralSecondary:     #40788a;
-  --neutralSecondaryAlt:  #366a79;
-  --neutralTertiary:      #709da8;
-  --neutralTertiaryAlt:   #8eb5be;
-  --neutralQuaternary:    #bbd6db;
-  --neutralQuaternaryAlt: #cae0e4;
-  --neutralLight:         #dceef0;
-  --neutralLighter:       #e9f4f6;
-  --neutralLighterAlt:    #f2f9fa;
+     PALETTE — Neutrals (standardized grayscale)
+     ----------------------------------------------------------------------- */
+  --neutralDarker:        #201f1e;
+  --neutralDark:          #323130;
+  --neutralPrimary:       #333333;
+  --neutralPrimaryAlt:    #3b3a39;
+  --neutralSecondary:     #605e5c;
+  --neutralSecondaryAlt:  #8a8886;
+  --neutralTertiary:      #a19f9d;
+  --neutralTertiaryAlt:   #c8c6c4;
+  --neutralQuaternary:    #d2d0ce;
+  --neutralQuaternaryAlt: #e1dfdd;
+  --neutralLight:         #edebe9;
+  --neutralLighter:       #f3f2f1;
+  --neutralLighterAlt:    #faf9f8;
   --white:                #ffffff;
 
   /* -----------------------------------------------------------------------

package/default-themes/aurora-dusk.v3.css

@@ -14,27 +14,27 @@
   --themeDarker:      #004d5e;
   --themeSecondary:   #33c3e0;
   --themeTertiary:    #66d3e8;
-  --themeLight:       #b3e8f3;
-  --themeLighter:     #d9f3f9;
-  --themeLighterAlt:  #ecf9fc;
+  --themeLight:       #0f3540;
+  --themeLighter:     #0c2a34;
+  --themeLighterAlt:  #0a2028;
 
   /* -----------------------------------------------------------------------
-     PALETTE — Neutrals (inverted for dark mode, cool teal-tinted)
+     PALETTE — Neutrals (standardized grayscale, dark mode)
      ----------------------------------------------------------------------- */
   --black:                #000000;
-  --neutralDarker:        #061518;
-  --neutralDark:          #0c2028;
-  --neutralPrimary:       #0e2a2e;
-  --neutralPrimaryAlt:    #163a42;
-  --neutralSecondary:     #1e4a52;
-  --neutralSecondaryAlt:  #2a5e68;
-  --neutralTertiary:      #40788a;
-  --neutralTertiaryAlt:   #66d3e8;
-  --neutralQuaternary:    #709da8;
-  --neutralQuaternaryAlt: #8eb5be;
-  --neutralLight:         #a8c8ce;
-  --neutralLighter:       #d4e6ea;
-  --neutralLighterAlt:    #e9f4f6;
+  --neutralDarker:        #0a0a0a;
+  --neutralDark:          #141414;
+  --neutralPrimary:       #1b1b1b;
+  --neutralPrimaryAlt:    #242424;
+  --neutralSecondary:     #2e2e2e;
+  --neutralSecondaryAlt:  #3b3b3b;
+  --neutralTertiary:      #595959;
+  --neutralTertiaryAlt:   #7a7a7a;
+  --neutralQuaternary:    #8a8a8a;
+  --neutralQuaternaryAlt: #9a9a9a;
+  --neutralLight:         #afafaf;
+  --neutralLighter:       #e0e0e0;
+  --neutralLighterAlt:    #f0f0f0;
   --white:                #ffffff;
 
   /* -----------------------------------------------------------------------
@@ -54,10 +54,10 @@
   --bodyText:                var(--neutralLighter);
   --bodyTextChecked:         var(--white);
   --bodySubtext:             var(--neutralTertiaryAlt);
-  --disabledText:            var(--neutralSecondary);
-  --disabledBodyText:        var(--neutralSecondary);
-  --disabledSubtext:         var(--neutralSecondaryAlt);
-  --disabledBodySubtext:     var(--neutralSecondary);
+  --disabledText:            var(--neutralTertiary);
+  --disabledBodyText:        var(--neutralTertiary);
+  --disabledSubtext:         var(--neutralTertiary);
+  --disabledBodySubtext:     var(--neutralTertiary);
 
   /* -----------------------------------------------------------------------
      LINKS
@@ -75,15 +75,15 @@
   --buttonBackgroundChecked:       var(--neutralSecondary);
   --buttonBackgroundCheckedHovered: var(--neutralSecondaryAlt);
   --buttonBackgroundPressed:       var(--neutralSecondary);
-  --buttonBackgroundDisabled:      var(--neutralDark);
+  --buttonBackgroundDisabled:      var(--neutralSecondaryAlt);
   --buttonBorder:                  var(--neutralSecondaryAlt);
-  --buttonBorderDisabled:          var(--neutralDark);
+  --buttonBorderDisabled:          var(--neutralTertiary);
   --buttonText:                    var(--neutralLighter);
   --buttonTextHovered:             var(--white);
   --buttonTextChecked:             var(--white);
   --buttonTextCheckedHovered:      var(--white);
   --buttonTextPressed:             var(--white);
-  --buttonTextDisabled:            var(--neutralSecondary);
+  --buttonTextDisabled:            var(--neutralQuaternary);
 
   /* -----------------------------------------------------------------------
      BUTTONS — Primary
@@ -91,12 +91,12 @@
   --primaryButtonBackground:          var(--themePrimary);
   --primaryButtonBackgroundHovered:   var(--themeDarkAlt);
   --primaryButtonBackgroundPressed:   var(--themeDark);
-  --primaryButtonBackgroundDisabled:  var(--neutralDark);
+  --primaryButtonBackgroundDisabled:  var(--neutralSecondaryAlt);
   --primaryButtonBorder:              transparent;
   --primaryButtonText:                var(--white);
   --primaryButtonTextHovered:         var(--white);
   --primaryButtonTextPressed:         var(--white);
-  --primaryButtonTextDisabled:        var(--neutralSecondary);
+  --primaryButtonTextDisabled:        var(--neutralQuaternary);
 
   /* -----------------------------------------------------------------------
      BUTTONS — Accent

package/default-themes/cosmos-dawn.v3.css

@@ -19,20 +19,21 @@
   --themeLighterAlt:  #f0f0fb;
 
   /* -----------------------------------------------------------------------
-     PALETTE — Neutrals (cool indigo-tinted)
-     ----------------------------------------------------------------------- */
-  --neutralDark:          #121030;
-  --neutralPrimary:       #1e1a40;
-  --neutralPrimaryAlt:    #2a2556;
-  --neutralSecondary:     #4e488a;
-  --neutralSecondaryAlt:  #423c79;
-  --neutralTertiary:      #7a74a0;
-  --neutralTertiaryAlt:   #9994b8;
-  --neutralQuaternary:    #c4c0d8;
-  --neutralQuaternaryAlt: #d2cee2;
-  --neutralLight:         #e4e1f0;
-  --neutralLighter:       #eeedf6;
-  --neutralLighterAlt:    #f5f4fa;
+     PALETTE — Neutrals (standardized grayscale)
+     ----------------------------------------------------------------------- */
+  --neutralDarker:        #201f1e;
+  --neutralDark:          #323130;
+  --neutralPrimary:       #333333;
+  --neutralPrimaryAlt:    #3b3a39;
+  --neutralSecondary:     #605e5c;
+  --neutralSecondaryAlt:  #8a8886;
+  --neutralTertiary:      #a19f9d;
+  --neutralTertiaryAlt:   #c8c6c4;
+  --neutralQuaternary:    #d2d0ce;
+  --neutralQuaternaryAlt: #e1dfdd;
+  --neutralLight:         #edebe9;
+  --neutralLighter:       #f3f2f1;
+  --neutralLighterAlt:    #faf9f8;
   --white:                #ffffff;
 
   /* -----------------------------------------------------------------------

package/default-themes/cosmos-dusk.v3.css

@@ -14,27 +14,27 @@
   --themeDarker:      #1a1654;
   --themeSecondary:   #6560d4;
   --themeTertiary:    #908cdf;
-  --themeLight:       #c3c1ed;
-  --themeLighter:     #e0dff6;
-  --themeLighterAlt:  #f0f0fb;
+  --themeLight:       #1e1a48;
+  --themeLighter:     #171438;
+  --themeLighterAlt:  #131030;
 
   /* -----------------------------------------------------------------------
-     PALETTE — Neutrals (inverted for dark mode, cool indigo-tinted)
+     PALETTE — Neutrals (standardized grayscale, dark mode)
      ----------------------------------------------------------------------- */
   --black:                #000000;
-  --neutralDarker:        #08071a;
-  --neutralDark:          #0f0d28;
-  --neutralPrimary:       #121030;
-  --neutralPrimaryAlt:    #1e1a44;
-  --neutralSecondary:     #2a2556;
-  --neutralSecondaryAlt:  #3a3468;
-  --neutralTertiary:      #5a5480;
-  --neutralTertiaryAlt:   #908cdf;
-  --neutralQuaternary:    #7a74a0;
-  --neutralQuaternaryAlt: #9994b8;
-  --neutralLight:         #b0aac8;
-  --neutralLighter:       #d4d0e2;
-  --neutralLighterAlt:    #eeedf6;
+  --neutralDarker:        #0a0a0a;
+  --neutralDark:          #141414;
+  --neutralPrimary:       #1b1b1b;
+  --neutralPrimaryAlt:    #242424;
+  --neutralSecondary:     #2e2e2e;
+  --neutralSecondaryAlt:  #3b3b3b;
+  --neutralTertiary:      #595959;
+  --neutralTertiaryAlt:   #7a7a7a;
+  --neutralQuaternary:    #8a8a8a;
+  --neutralQuaternaryAlt: #9a9a9a;
+  --neutralLight:         #afafaf;
+  --neutralLighter:       #e0e0e0;
+  --neutralLighterAlt:    #f0f0f0;
   --white:                #ffffff;
 
   /* -----------------------------------------------------------------------
@@ -54,10 +54,10 @@
   --bodyText:                var(--neutralLighter);
   --bodyTextChecked:         var(--white);
   --bodySubtext:             var(--neutralTertiaryAlt);
-  --disabledText:            var(--neutralSecondary);
-  --disabledBodyText:        var(--neutralSecondary);
-  --disabledSubtext:         var(--neutralSecondaryAlt);
-  --disabledBodySubtext:     var(--neutralSecondary);
+  --disabledText:            var(--neutralTertiary);
+  --disabledBodyText:        var(--neutralTertiary);
+  --disabledSubtext:         var(--neutralTertiary);
+  --disabledBodySubtext:     var(--neutralTertiary);
 
   /* -----------------------------------------------------------------------
      LINKS
@@ -75,15 +75,15 @@
   --buttonBackgroundChecked:       var(--neutralSecondary);
   --buttonBackgroundCheckedHovered: var(--neutralSecondaryAlt);
   --buttonBackgroundPressed:       var(--neutralSecondary);
-  --buttonBackgroundDisabled:      var(--neutralDark);
+  --buttonBackgroundDisabled:      var(--neutralSecondaryAlt);
   --buttonBorder:                  var(--neutralSecondaryAlt);
-  --buttonBorderDisabled:          var(--neutralDark);
+  --buttonBorderDisabled:          var(--neutralTertiary);
   --buttonText:                    var(--neutralLighter);
   --buttonTextHovered:             var(--white);
   --buttonTextChecked:             var(--white);
   --buttonTextCheckedHovered:      var(--white);
   --buttonTextPressed:             var(--white);
-  --buttonTextDisabled:            var(--neutralSecondary);
+  --buttonTextDisabled:            var(--neutralQuaternary);
 
   /* -----------------------------------------------------------------------
      BUTTONS — Primary
@@ -91,12 +91,12 @@
   --primaryButtonBackground:          var(--themePrimary);
   --primaryButtonBackgroundHovered:   var(--themeDarkAlt);
   --primaryButtonBackgroundPressed:   var(--themeDark);
-  --primaryButtonBackgroundDisabled:  var(--neutralDark);
+  --primaryButtonBackgroundDisabled:  var(--neutralSecondaryAlt);
   --primaryButtonBorder:              transparent;
   --primaryButtonText:                var(--white);
   --primaryButtonTextHovered:         var(--white);
   --primaryButtonTextPressed:         var(--white);
-  --primaryButtonTextDisabled:        var(--neutralSecondary);
+  --primaryButtonTextDisabled:        var(--neutralQuaternary);
 
   /* -----------------------------------------------------------------------
      BUTTONS — Accent

package/default-themes/elemental-dawn.v3.css

@@ -0,0 +1,200 @@
+/* ==========================================================================
+   Elemental Dawn — Light Theme (v3)
+   Palette overrides + semantic tokens for FluentLM.
+   Inspired by the Elements Massage brand: teal #067A8D, ivory #FBF5EA,
+   ice #E8F6F6, ember #EB684B, sage #9EC0A3.
+   ========================================================================== */
+
+.elemental-dawn {
+  /* -----------------------------------------------------------------------
+     PALETTE — Brand / Theme Colors (Elements teal ramp, anchored on #067A8D)
+     ----------------------------------------------------------------------- */
+  --themePrimary:     #067a8d;  /* Brand Teal */
+  --themeDark:        #045463;
+  --themeDarkAlt:     #056475;
+  --themeDarker:      #022a33;
+  --themeSecondary:   #eb684b;  /* Brand Ember — secondary accent pop */
+  --themeTertiary:    #6fbac4;
+  --themeLight:       #c2dfe3;
+  --themeLighter:     #e8f6f6;  /* Brand Ice */
+  --themeLighterAlt:  #f5fbfb;
+
+  /* -----------------------------------------------------------------------
+     PALETTE — Neutrals (warm ivory-tinted ramp, anchored on Brand Ivory)
+     ----------------------------------------------------------------------- */
+  --neutralDarker:        #1f1d18;
+  --neutralDark:          #322f28;
+  --neutralPrimary:       #333028;
+  --neutralPrimaryAlt:    #3b3830;
+  --neutralSecondary:     #6a6356;
+  --neutralSecondaryAlt:  #8c8576;
+  --neutralTertiary:      #a59e8e;
+  --neutralTertiaryAlt:   #cac3b3;
+  --neutralQuaternary:    #d4cdbb;
+  --neutralQuaternaryAlt: #e3dcc8;
+  --neutralLight:         #ede6d2;
+  --neutralLighter:       #f5efde;
+  --neutralLighterAlt:    #fbf5ea;  /* Brand Ivory */
+  --white:                #ffffff;
+
+  /* -----------------------------------------------------------------------
+     BODY / BACKGROUND
+     ----------------------------------------------------------------------- */
+  --bodyBackground:          var(--white);
+  --bodyBackgroundHovered:   var(--neutralLighter);
+  --bodyBackgroundChecked:   var(--neutralLight);
+  --bodyStandoutBackground:  var(--neutralLighterAlt);
+  --bodyFrameBackground:     var(--white);
+  --bodyFrameDivider:        var(--neutralLight);
+  --bodyDivider:             var(--neutralLight);
+
+  /* -----------------------------------------------------------------------
+     TEXT
+     ----------------------------------------------------------------------- */
+  --bodyText:                var(--neutralPrimary);
+  --bodyTextChecked:         var(--neutralDark);
+  --bodySubtext:             var(--neutralSecondary);
+  --disabledText:            var(--neutralTertiary);
+  --disabledBodyText:        var(--neutralTertiary);
+  --disabledSubtext:         var(--neutralQuaternary);
+  --disabledBodySubtext:     var(--neutralTertiaryAlt);
+
+  /* -----------------------------------------------------------------------
+     LINKS
+     ----------------------------------------------------------------------- */
+  --link:                    var(--themePrimary);
+  --linkHovered:             var(--themeDarker);
+  --actionLink:              var(--neutralPrimary);
+  --actionLinkHovered:       var(--neutralDark);
+
+  /* -----------------------------------------------------------------------
+     BUTTONS — Default
+     ----------------------------------------------------------------------- */
+  --buttonBackground:              var(--white);
+  --buttonBackgroundHovered:       var(--neutralLighter);
+  --buttonBackgroundChecked:       var(--neutralLight);
+  --buttonBackgroundCheckedHovered: var(--neutralQuaternaryAlt);
+  --buttonBackgroundPressed:       var(--neutralLight);
+  --buttonBackgroundDisabled:      var(--neutralLighter);
+  --buttonBorder:                  var(--neutralSecondaryAlt);
+  --buttonBorderDisabled:          var(--neutralLighter);
+  --buttonText:                    var(--neutralPrimary);
+  --buttonTextHovered:             var(--neutralDark);
+  --buttonTextChecked:             var(--neutralDark);
+  --buttonTextCheckedHovered:      var(--black);
+  --buttonTextPressed:             var(--neutralDark);
+  --buttonTextDisabled:            var(--neutralTertiary);
+
+  /* -----------------------------------------------------------------------
+     BUTTONS — Primary
+     ----------------------------------------------------------------------- */
+  --primaryButtonBackground:          var(--themePrimary);
+  --primaryButtonBackgroundHovered:   var(--themeDarkAlt);
+  --primaryButtonBackgroundPressed:   var(--themeDark);
+  --primaryButtonBackgroundDisabled:  var(--neutralLighter);
+  --primaryButtonBorder:              transparent;
+  --primaryButtonText:                var(--white);
+  --primaryButtonTextHovered:         var(--white);
+  --primaryButtonTextPressed:         var(--white);
+  --primaryButtonTextDisabled:        var(--neutralQuaternary);
+
+  /* -----------------------------------------------------------------------
+     BUTTONS — Accent
+     ----------------------------------------------------------------------- */
+  --accentButtonBackground:  var(--themePrimary);
+  --accentButtonText:        var(--white);
+
+  /* -----------------------------------------------------------------------
+     INPUTS
+     ----------------------------------------------------------------------- */
+  --inputBackground:                    var(--white);
+  --inputBackgroundChecked:             var(--themePrimary);
+  --inputBackgroundCheckedHovered:      var(--themeDarkAlt);
+  --inputPlaceholderBackgroundChecked:  var(--themeLighter);
+  --inputForegroundChecked:             var(--white);
+  --inputBorder:                        var(--neutralSecondary);
+  --smallInputBorder:                   var(--neutralSecondary);
+  --inputBorderHovered:                 var(--neutralPrimary);
+  --inputFocusBorderAlt:                var(--themePrimary);
+  --inputText:                          var(--neutralPrimary);
+  --inputTextHovered:                   var(--neutralDark);
+  --inputPlaceholderText:               var(--neutralSecondary);
+  --inputIcon:                          var(--themePrimary);
+  --inputIconHovered:                   var(--themeDark);
+  --inputIconDisabled:                  var(--neutralTertiary);
+
+  /* -----------------------------------------------------------------------
+     LISTS
+     ----------------------------------------------------------------------- */
+  --listBackground:                  var(--white);
+  --listText:                        var(--neutralPrimary);
+  --listItemBackgroundHovered:       var(--neutralLighter);
+  --listItemBackgroundChecked:       var(--neutralLight);
+  --listItemBackgroundCheckedHovered: var(--neutralQuaternaryAlt);
+  --listHeaderBackgroundHovered:     var(--neutralLighter);
+  --listHeaderBackgroundPressed:     var(--neutralLight);
+
+  /* -----------------------------------------------------------------------
+     MENUS
+     ----------------------------------------------------------------------- */
+  --menuBackground:              var(--white);
+  --menuDivider:                 var(--neutralTertiaryAlt);
+  --menuIcon:                    var(--themePrimary);
+  --menuHeader:                  var(--themePrimary);
+  --menuItemBackgroundHovered:   var(--neutralLighter);
+  --menuItemBackgroundPressed:   var(--neutralLight);
+  --menuItemText:                var(--neutralPrimary);
+  --menuItemTextHovered:         var(--neutralDark);
+
+  /* -----------------------------------------------------------------------
+     CARDS
+     ----------------------------------------------------------------------- */
+  --cardStandoutBackground:  var(--white);
+  --cardShadow:              var(--elevation4);
+  --cardShadowHovered:       var(--elevation8);
+  --variantBorder:           var(--neutralLight);
+  --variantBorderHovered:    var(--neutralTertiaryAlt);
+
+  /* -----------------------------------------------------------------------
+     DISABLED / FOCUS
+     ----------------------------------------------------------------------- */
+  --disabledBackground:  var(--neutralLighter);
+  --disabledBorder:      var(--neutralLighter);
+  --focusBorder:         var(--neutralSecondary);
+
+  /* -----------------------------------------------------------------------
+     STATUS — Backgrounds
+     ----------------------------------------------------------------------- */
+  --infoBackground:           var(--neutralLighter);
+  --errorBackground:          #FDE7E9;
+  --blockingBackground:       #FDE7E9;
+  --warningBackground:        #FFF4CE;
+  --severeWarningBackground:  #FED9CC;
+  --successBackground:        #DFF6DD;
+
+  /* -----------------------------------------------------------------------
+     STATUS — Icons
+     ----------------------------------------------------------------------- */
+  --infoIcon:           var(--neutralSecondary);
+  --errorIcon:          #A80000;
+  --blockingIcon:       #FDE7E9;
+  --warningIcon:        #797775;
+  --severeWarningIcon:  var(--orange);
+  --successIcon:        var(--green);
+
+  /* -----------------------------------------------------------------------
+     STATUS — Text
+     ----------------------------------------------------------------------- */
+  --errorText:    var(--redDark);
+  --messageText:  var(--neutralPrimary);
+  --messageLink:  var(--themeDark);
+  --messageLinkHovered: var(--themeDarker);
+  --warningText:  var(--neutralPrimary);
+  --successText:  var(--green);
+
+  /* -----------------------------------------------------------------------
+     MISC
+     ----------------------------------------------------------------------- */
+  --defaultStateBackground:  var(--neutralLighterAlt);
+  --overlayBackground:       var(--blackTranslucent40);
+}

package/default-themes/nebula-dawn.v3.css

@@ -20,20 +20,21 @@
   --themeLighterAlt:  #f5f1fa;
 
   /* -----------------------------------------------------------------------
-     PALETTE — Neutrals (warm purple-tinted)
-     ----------------------------------------------------------------------- */
-  --neutralDark:          #1e1830;
-  --neutralPrimary:       #2d2640;
-  --neutralPrimaryAlt:    #3d2e56;
-  --neutralSecondary:     #6b4f8a;
-  --neutralSecondaryAlt:  #5e4579;
-  --neutralTertiary:      #8a7a9d;
-  --neutralTertiaryAlt:   #a898b5;
-  --neutralQuaternary:    #cbc0d6;
-  --neutralQuaternaryAlt: #d5cae0;
-  --neutralLight:         #e8dff0;
-  --neutralLighter:       #f0e6f6;
-  --neutralLighterAlt:    #f7f2fa;
+     PALETTE — Neutrals (standardized grayscale)
+     ----------------------------------------------------------------------- */
+  --neutralDarker:        #201f1e;
+  --neutralDark:          #323130;
+  --neutralPrimary:       #333333;
+  --neutralPrimaryAlt:    #3b3a39;
+  --neutralSecondary:     #605e5c;
+  --neutralSecondaryAlt:  #8a8886;
+  --neutralTertiary:      #a19f9d;
+  --neutralTertiaryAlt:   #c8c6c4;
+  --neutralQuaternary:    #d2d0ce;
+  --neutralQuaternaryAlt: #e1dfdd;
+  --neutralLight:         #edebe9;
+  --neutralLighter:       #f3f2f1;
+  --neutralLighterAlt:    #faf9f8;
   --white:                #ffffff;
 
   /* -----------------------------------------------------------------------

package/default-themes/nebula-dusk.v3.css

@@ -14,25 +14,25 @@
   --themeDarker:      #3b2054;
   --themeSecondary:   #9670b8;
   --themeTertiary:    #b49bce;
-  --themeLight:       #d3c3e3;
-  --themeLighter:     #e8ddf1;
-  --themeLighterAlt:  #f5f1fa;
+  --themeLight:       #2a2040;
+  --themeLighter:     #221838;
+  --themeLighterAlt:  #1d1530;
 
   /* -----------------------------------------------------------------------
-     PALETTE — Neutrals (inverted for dark mode)
+     PALETTE — Neutrals (standardized grayscale, dark mode)
      ----------------------------------------------------------------------- */
   --black:                #000000;
-  --neutralDarker:        #0f0f23;
-  --neutralDark:          #16213e;
-  --neutralPrimary:       #1a1a2e;
-  --neutralPrimaryAlt:    #222244;
-  --neutralSecondary:     #2e2e52;
-  --neutralSecondaryAlt:  #3a3a60;
-  --neutralTertiary:      #5a5a80;
-  --neutralTertiaryAlt:   #b794f6;
-  --neutralQuaternary:    #7a7a9a;
-  --neutralQuaternaryAlt: #8a8aaa;
-  --neutralLight:         #a0a0c0;
+  --neutralDarker:        #0a0a0a;
+  --neutralDark:          #141414;
+  --neutralPrimary:       #1b1b1b;
+  --neutralPrimaryAlt:    #242424;
+  --neutralSecondary:     #2e2e2e;
+  --neutralSecondaryAlt:  #3b3b3b;
+  --neutralTertiary:      #595959;
+  --neutralTertiaryAlt:   #7a7a7a;
+  --neutralQuaternary:    #8a8a8a;
+  --neutralQuaternaryAlt: #9a9a9a;
+  --neutralLight:         #afafaf;
   --neutralLighter:       #e0e0e0;
   --neutralLighterAlt:    #f0f0f0;
   --white:                #ffffff;
@@ -54,10 +54,10 @@
   --bodyText:                var(--neutralLighter);
   --bodyTextChecked:         var(--white);
   --bodySubtext:             var(--neutralTertiaryAlt);
-  --disabledText:            var(--neutralSecondary);
-  --disabledBodyText:        var(--neutralSecondary);
-  --disabledSubtext:         var(--neutralSecondaryAlt);
-  --disabledBodySubtext:     var(--neutralSecondary);
+  --disabledText:            var(--neutralTertiary);
+  --disabledBodyText:        var(--neutralTertiary);
+  --disabledSubtext:         var(--neutralTertiary);
+  --disabledBodySubtext:     var(--neutralTertiary);
 
   /* -----------------------------------------------------------------------
      LINKS (Nebula purple instead of default blue)
@@ -75,15 +75,15 @@
   --buttonBackgroundChecked:       var(--neutralSecondary);
   --buttonBackgroundCheckedHovered: var(--neutralSecondaryAlt);
   --buttonBackgroundPressed:       var(--neutralSecondary);
-  --buttonBackgroundDisabled:      var(--neutralDark);
+  --buttonBackgroundDisabled:      var(--neutralSecondaryAlt);
   --buttonBorder:                  var(--neutralSecondaryAlt);
-  --buttonBorderDisabled:          var(--neutralDark);
+  --buttonBorderDisabled:          var(--neutralTertiary);
   --buttonText:                    var(--neutralLighter);
   --buttonTextHovered:             var(--white);
   --buttonTextChecked:             var(--white);
   --buttonTextCheckedHovered:      var(--white);
   --buttonTextPressed:             var(--white);
-  --buttonTextDisabled:            var(--neutralSecondary);
+  --buttonTextDisabled:            var(--neutralQuaternary);
 
   /* -----------------------------------------------------------------------
      BUTTONS — Primary
@@ -91,12 +91,12 @@
   --primaryButtonBackground:          var(--themePrimary);
   --primaryButtonBackgroundHovered:   var(--themeDarkAlt);
   --primaryButtonBackgroundPressed:   var(--themeDark);
-  --primaryButtonBackgroundDisabled:  var(--neutralDark);
+  --primaryButtonBackgroundDisabled:  var(--neutralSecondaryAlt);
   --primaryButtonBorder:              transparent;
   --primaryButtonText:                var(--white);
   --primaryButtonTextHovered:         var(--white);
   --primaryButtonTextPressed:         var(--white);
-  --primaryButtonTextDisabled:        var(--neutralSecondary);
+  --primaryButtonTextDisabled:        var(--neutralQuaternary);
 
   /* -----------------------------------------------------------------------
      BUTTONS — Accent

package/default-themes/solar-flare-dawn.v3.css

@@ -19,20 +19,21 @@
   --themeLighterAlt:  #fdf5ec;
 
   /* -----------------------------------------------------------------------
-     PALETTE — Neutrals (warm amber-tinted)
-     ----------------------------------------------------------------------- */
-  --neutralDark:          #2e1e0e;
-  --neutralPrimary:       #402d18;
-  --neutralPrimaryAlt:    #563a1e;
-  --neutralSecondary:     #8a6840;
-  --neutralSecondaryAlt:  #795a36;
-  --neutralTertiary:      #9d8a70;
-  --neutralTertiaryAlt:   #b5a48e;
-  --neutralQuaternary:    #d6cabb;
-  --neutralQuaternaryAlt: #e0d5c6;
-  --neutralLight:         #f0e6d8;
-  --neutralLighter:       #f6efe4;
-  --neutralLighterAlt:    #faf7f2;
+     PALETTE — Neutrals (standardized grayscale)
+     ----------------------------------------------------------------------- */
+  --neutralDarker:        #201f1e;
+  --neutralDark:          #323130;
+  --neutralPrimary:       #333333;
+  --neutralPrimaryAlt:    #3b3a39;
+  --neutralSecondary:     #605e5c;
+  --neutralSecondaryAlt:  #8a8886;
+  --neutralTertiary:      #a19f9d;
+  --neutralTertiaryAlt:   #c8c6c4;
+  --neutralQuaternary:    #d2d0ce;
+  --neutralQuaternaryAlt: #e1dfdd;
+  --neutralLight:         #edebe9;
+  --neutralLighter:       #f3f2f1;
+  --neutralLighterAlt:    #faf9f8;
   --white:                #ffffff;
 
   /* -----------------------------------------------------------------------