synthos 0.8.0 → 0.9.0

package/default-pages/{western_cities_1850.json → western_cities_1850/page.json}

@@ -1,12 +1,12 @@
-{
-    "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": 2,
-    "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"
+}

package/default-themes/aurora-dawn.json

@@ -0,0 +1,19 @@
+{
+    "mode": "light",
+    "colors": {
+        "bg-primary": "#e9f4f6",
+        "bg-secondary": "#dceef0",
+        "bg-tertiary": "#f2f9fa",
+        "accent-primary": "#00b4d8",
+        "accent-secondary": "#008299",
+        "accent-tertiary": "#66d3e8",
+        "accent-glow": "rgba(0,180,216,0.15)",
+        "text-primary": "#18363c",
+        "text-secondary": "#40788a",
+        "border-color": "rgba(0,180,216,0.25)",
+        "header-min-height": "58px",
+        "header-padding-vertical": "14px",
+        "header-padding-horizontal": "20px",
+        "header-line-height": "1.25"
+    }
+}

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

@@ -0,0 +1,198 @@
+/* ==========================================================================
+   Aurora Dawn — Light Theme (v3)
+   Palette overrides + semantic tokens for FluentLM.
+   Rebrands from default blue to Aurora teal/cyan.
+   ========================================================================== */
+
+.aurora-dawn {
+  /* -----------------------------------------------------------------------
+     PALETTE — Brand / Theme Colors (Aurora teal ramp)
+     ----------------------------------------------------------------------- */
+  --themePrimary:     #00b4d8;
+  --themeDark:        #008299;
+  --themeDarkAlt:     #009ab8;
+  --themeDarker:      #004d5e;
+  --themeSecondary:   #33c3e0;
+  --themeTertiary:    #66d3e8;
+  --themeLight:       #b3e8f3;
+  --themeLighter:     #d9f3f9;
+  --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;
+  --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/aurora-dusk.json

@@ -0,0 +1,19 @@
+{
+    "mode": "dark",
+    "colors": {
+        "bg-primary": "#0e2a2e",
+        "bg-secondary": "#0c2028",
+        "bg-tertiary": "#061518",
+        "accent-primary": "#00b4d8",
+        "accent-secondary": "#008299",
+        "accent-tertiary": "#66d3e8",
+        "accent-glow": "rgba(0,180,216,0.3)",
+        "text-primary": "#d4e6ea",
+        "text-secondary": "#66d3e8",
+        "border-color": "rgba(0,180,216,0.3)",
+        "header-min-height": "58px",
+        "header-padding-vertical": "14px",
+        "header-padding-horizontal": "20px",
+        "header-line-height": "1.25"
+    }
+}

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

@@ -0,0 +1,200 @@
+/* ==========================================================================
+   Aurora Dusk — Dark Theme (v3)
+   Palette overrides + semantic tokens for FluentLM.
+   Rebrands from default blue to Aurora teal/cyan, dark mode.
+   ========================================================================== */
+
+.aurora-dusk {
+  /* -----------------------------------------------------------------------
+     PALETTE — Brand / Theme Colors (Aurora teal ramp)
+     ----------------------------------------------------------------------- */
+  --themePrimary:     #00b4d8;
+  --themeDark:        #008299;
+  --themeDarkAlt:     #009ab8;
+  --themeDarker:      #004d5e;
+  --themeSecondary:   #33c3e0;
+  --themeTertiary:    #66d3e8;
+  --themeLight:       #b3e8f3;
+  --themeLighter:     #d9f3f9;
+  --themeLighterAlt:  #ecf9fc;
+
+  /* -----------------------------------------------------------------------
+     PALETTE — Neutrals (inverted for dark mode, cool teal-tinted)
+     ----------------------------------------------------------------------- */
+  --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;
+  --white:                #ffffff;
+
+  /* -----------------------------------------------------------------------
+     BODY / BACKGROUND
+     ----------------------------------------------------------------------- */
+  --bodyBackground:          var(--neutralPrimary);
+  --bodyBackgroundHovered:   var(--neutralPrimaryAlt);
+  --bodyBackgroundChecked:   var(--neutralSecondary);
+  --bodyStandoutBackground:  var(--neutralDark);
+  --bodyFrameBackground:     var(--neutralPrimary);
+  --bodyFrameDivider:        var(--neutralSecondary);
+  --bodyDivider:             var(--neutralSecondary);
+
+  /* -----------------------------------------------------------------------
+     TEXT
+     ----------------------------------------------------------------------- */
+  --bodyText:                var(--neutralLighter);
+  --bodyTextChecked:         var(--white);
+  --bodySubtext:             var(--neutralTertiaryAlt);
+  --disabledText:            var(--neutralSecondary);
+  --disabledBodyText:        var(--neutralSecondary);
+  --disabledSubtext:         var(--neutralSecondaryAlt);
+  --disabledBodySubtext:     var(--neutralSecondary);
+
+  /* -----------------------------------------------------------------------
+     LINKS
+     ----------------------------------------------------------------------- */
+  --link:                    #66d3e8;
+  --linkHovered:             #b3e8f3;
+  --actionLink:              var(--neutralLighter);
+  --actionLinkHovered:       var(--white);
+
+  /* -----------------------------------------------------------------------
+     BUTTONS — Default
+     ----------------------------------------------------------------------- */
+  --buttonBackground:              var(--neutralPrimary);
+  --buttonBackgroundHovered:       var(--neutralPrimaryAlt);
+  --buttonBackgroundChecked:       var(--neutralSecondary);
+  --buttonBackgroundCheckedHovered: var(--neutralSecondaryAlt);
+  --buttonBackgroundPressed:       var(--neutralSecondary);
+  --buttonBackgroundDisabled:      var(--neutralDark);
+  --buttonBorder:                  var(--neutralSecondaryAlt);
+  --buttonBorderDisabled:          var(--neutralDark);
+  --buttonText:                    var(--neutralLighter);
+  --buttonTextHovered:             var(--white);
+  --buttonTextChecked:             var(--white);
+  --buttonTextCheckedHovered:      var(--white);
+  --buttonTextPressed:             var(--white);
+  --buttonTextDisabled:            var(--neutralSecondary);
+
+  /* -----------------------------------------------------------------------
+     BUTTONS — Primary
+     ----------------------------------------------------------------------- */
+  --primaryButtonBackground:          var(--themePrimary);
+  --primaryButtonBackgroundHovered:   var(--themeDarkAlt);
+  --primaryButtonBackgroundPressed:   var(--themeDark);
+  --primaryButtonBackgroundDisabled:  var(--neutralDark);
+  --primaryButtonBorder:              transparent;
+  --primaryButtonText:                var(--white);
+  --primaryButtonTextHovered:         var(--white);
+  --primaryButtonTextPressed:         var(--white);
+  --primaryButtonTextDisabled:        var(--neutralSecondary);
+
+  /* -----------------------------------------------------------------------
+     BUTTONS — Accent
+     ----------------------------------------------------------------------- */
+  --accentButtonBackground:  var(--themePrimary);
+  --accentButtonText:        var(--white);
+
+  /* -----------------------------------------------------------------------
+     INPUTS
+     ----------------------------------------------------------------------- */
+  --inputBackground:                    var(--neutralPrimary);
+  --inputBackgroundChecked:             var(--themePrimary);
+  --inputBackgroundCheckedHovered:      var(--themeDarkAlt);
+  --inputPlaceholderBackgroundChecked:  var(--themeDark);
+  --inputForegroundChecked:             var(--white);
+  --inputBorder:                        var(--neutralTertiary);
+  --smallInputBorder:                   var(--neutralTertiary);
+  --inputBorderHovered:                 var(--neutralLighter);
+  --inputFocusBorderAlt:                var(--themeSecondary);
+  --inputText:                          var(--neutralLighter);
+  --inputTextHovered:                   var(--white);
+  --inputPlaceholderText:               var(--neutralTertiaryAlt);
+  --inputIcon:                          var(--themeSecondary);
+  --inputIconHovered:                   var(--themePrimary);
+  --inputIconDisabled:                  var(--neutralSecondary);
+
+  /* -----------------------------------------------------------------------
+     LISTS
+     ----------------------------------------------------------------------- */
+  --listBackground:                  var(--neutralPrimary);
+  --listText:                        var(--neutralLighter);
+  --listItemBackgroundHovered:       var(--neutralPrimaryAlt);
+  --listItemBackgroundChecked:       var(--neutralSecondary);
+  --listItemBackgroundCheckedHovered: var(--neutralSecondaryAlt);
+  --listHeaderBackgroundHovered:     var(--neutralPrimaryAlt);
+  --listHeaderBackgroundPressed:     var(--neutralSecondary);
+
+  /* -----------------------------------------------------------------------
+     MENUS
+     ----------------------------------------------------------------------- */
+  --menuBackground:              var(--neutralPrimary);
+  --menuDivider:                 var(--neutralSecondary);
+  --menuIcon:                    var(--themeSecondary);
+  --menuHeader:                  var(--themeSecondary);
+  --menuItemBackgroundHovered:   var(--neutralPrimaryAlt);
+  --menuItemBackgroundPressed:   var(--neutralSecondary);
+  --menuItemText:                var(--neutralLighter);
+  --menuItemTextHovered:         var(--white);
+
+  /* -----------------------------------------------------------------------
+     CARDS
+     ----------------------------------------------------------------------- */
+  --cardStandoutBackground:  var(--neutralDark);
+  --cardShadow:              none;
+  --cardShadowHovered:       none;
+  --variantBorder:           var(--neutralSecondary);
+  --variantBorderHovered:    var(--neutralTertiary);
+
+  /* -----------------------------------------------------------------------
+     DISABLED / FOCUS
+     ----------------------------------------------------------------------- */
+  --disabledBackground:  var(--neutralDark);
+  --disabledBorder:      var(--neutralDark);
+  --focusBorder:         var(--neutralTertiaryAlt);
+
+  /* -----------------------------------------------------------------------
+     STATUS — Backgrounds
+     ----------------------------------------------------------------------- */
+  --infoBackground:           var(--neutralPrimary);
+  --errorBackground:          #442726;
+  --blockingBackground:       #442726;
+  --warningBackground:        #433519;
+  --severeWarningBackground:  #4F2A0F;
+  --successBackground:        #393D1B;
+
+  /* -----------------------------------------------------------------------
+     STATUS — Icons
+     ----------------------------------------------------------------------- */
+  --infoIcon:           var(--neutralTertiaryAlt);
+  --errorIcon:          #F1707B;
+  --blockingIcon:       #442726;
+  --warningIcon:        var(--neutralTertiaryAlt);
+  --severeWarningIcon:  #FCE100;
+  --successIcon:        #92C353;
+
+  /* -----------------------------------------------------------------------
+     STATUS — Text
+     ----------------------------------------------------------------------- */
+  --errorText:    #F1707B;
+  --messageText:  var(--neutralLighter);
+  --messageLink:  #66d3e8;
+  --messageLinkHovered: #b3e8f3;
+  --warningText:  var(--neutralLighter);
+  --successText:  #92C353;
+
+  /* -----------------------------------------------------------------------
+     MISC
+     ----------------------------------------------------------------------- */
+  --defaultStateBackground:  var(--neutralDark);
+  --overlayBackground:       rgba(0, 0, 0, 0.6);
+}

package/default-themes/cosmos-dawn.json

@@ -0,0 +1,19 @@
+{
+    "mode": "light",
+    "colors": {
+        "bg-primary": "#eeedf6",
+        "bg-secondary": "#e4e1f0",
+        "bg-tertiary": "#f5f4fa",
+        "accent-primary": "#3f37c9",
+        "accent-secondary": "#2e28a0",
+        "accent-tertiary": "#908cdf",
+        "accent-glow": "rgba(63,55,201,0.15)",
+        "text-primary": "#1e1a40",
+        "text-secondary": "#4e488a",
+        "border-color": "rgba(63,55,201,0.25)",
+        "header-min-height": "58px",
+        "header-padding-vertical": "14px",
+        "header-padding-horizontal": "20px",
+        "header-line-height": "1.25"
+    }
+}