synthos 0.8.0 → 0.9.0

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

@@ -0,0 +1,201 @@
+/* ==========================================================================
+   Nebula Dusk — Dark Theme (v3)
+   Palette overrides + semantic tokens for FluentLM.
+   Rebrands from default blue to Nebula purple, dark mode.
+   ========================================================================== */
+
+.nebula-dusk {
+  /* -----------------------------------------------------------------------
+     PALETTE — Brand / Theme Colors (Nebula purple ramp)
+     ----------------------------------------------------------------------- */
+  --themePrimary:     #764ba2;
+  --themeDark:        #5a3580;
+  --themeDarkAlt:     #663d91;
+  --themeDarker:      #3b2054;
+  --themeSecondary:   #9670b8;
+  --themeTertiary:    #b49bce;
+  --themeLight:       #d3c3e3;
+  --themeLighter:     #e8ddf1;
+  --themeLighterAlt:  #f5f1fa;
+
+  /* -----------------------------------------------------------------------
+     PALETTE — Neutrals (inverted for 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;
+  --neutralLighter:       #e0e0e0;
+  --neutralLighterAlt:    #f0f0f0;
+  --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 (Nebula purple instead of default blue)
+     ----------------------------------------------------------------------- */
+  --link:                    #b794f6;
+  --linkHovered:             #d4b8ff;
+  --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
+     In dark themes Fluent v8 drops shadows and uses borders instead.
+     ----------------------------------------------------------------------- */
+  --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:  #b794f6;
+  --messageLinkHovered: #d4b8ff;
+  --warningText:  var(--neutralLighter);
+  --successText:  #92C353;
+
+  /* -----------------------------------------------------------------------
+     MISC
+     ----------------------------------------------------------------------- */
+  --defaultStateBackground:  var(--neutralDark);
+  --overlayBackground:       rgba(0, 0, 0, 0.6);
+}

package/default-themes/solar-flare-dawn.json

@@ -0,0 +1,19 @@
+{
+    "mode": "light",
+    "colors": {
+        "bg-primary": "#f6efe4",
+        "bg-secondary": "#f0e6d8",
+        "bg-tertiary": "#faf7f2",
+        "accent-primary": "#e67e22",
+        "accent-secondary": "#b8621a",
+        "accent-tertiary": "#f0b67e",
+        "accent-glow": "rgba(230,126,34,0.15)",
+        "text-primary": "#402d18",
+        "text-secondary": "#8a6840",
+        "border-color": "rgba(230,126,34,0.25)",
+        "header-min-height": "58px",
+        "header-padding-vertical": "14px",
+        "header-padding-horizontal": "20px",
+        "header-line-height": "1.25"
+    }
+}

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

@@ -0,0 +1,198 @@
+/* ==========================================================================
+   Solar Flare Dawn — Light Theme (v3)
+   Palette overrides + semantic tokens for FluentLM.
+   Rebrands from default blue to Solar Flare amber/orange.
+   ========================================================================== */
+
+.solar-flare-dawn {
+  /* -----------------------------------------------------------------------
+     PALETTE — Brand / Theme Colors (Solar Flare amber ramp)
+     ----------------------------------------------------------------------- */
+  --themePrimary:     #e67e22;
+  --themeDark:        #b8621a;
+  --themeDarkAlt:     #cf701e;
+  --themeDarker:      #7a4310;
+  --themeSecondary:   #eb9950;
+  --themeTertiary:    #f0b67e;
+  --themeLight:       #f7d6b3;
+  --themeLighter:     #fbe9d5;
+  --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;
+  --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/solar-flare-dusk.json

@@ -0,0 +1,19 @@
+{
+    "mode": "dark",
+    "colors": {
+        "bg-primary": "#2e1e0e",
+        "bg-secondary": "#241a10",
+        "bg-tertiary": "#1a120a",
+        "accent-primary": "#e67e22",
+        "accent-secondary": "#b8621a",
+        "accent-tertiary": "#f0b67e",
+        "accent-glow": "rgba(230,126,34,0.3)",
+        "text-primary": "#e0d5c6",
+        "text-secondary": "#f0b67e",
+        "border-color": "rgba(230,126,34,0.3)",
+        "header-min-height": "58px",
+        "header-padding-vertical": "14px",
+        "header-padding-horizontal": "20px",
+        "header-line-height": "1.25"
+    }
+}

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

@@ -0,0 +1,200 @@
+/* ==========================================================================
+   Solar Flare Dusk — Dark Theme (v3)
+   Palette overrides + semantic tokens for FluentLM.
+   Rebrands from default blue to Solar Flare amber/orange, dark mode.
+   ========================================================================== */
+
+.solar-flare-dusk {
+  /* -----------------------------------------------------------------------
+     PALETTE — Brand / Theme Colors (Solar Flare amber ramp)
+     ----------------------------------------------------------------------- */
+  --themePrimary:     #e67e22;
+  --themeDark:        #b8621a;
+  --themeDarkAlt:     #cf701e;
+  --themeDarker:      #7a4310;
+  --themeSecondary:   #eb9950;
+  --themeTertiary:    #f0b67e;
+  --themeLight:       #f7d6b3;
+  --themeLighter:     #fbe9d5;
+  --themeLighterAlt:  #fdf5ec;
+
+  /* -----------------------------------------------------------------------
+     PALETTE — Neutrals (inverted for dark mode, warm amber-tinted)
+     ----------------------------------------------------------------------- */
+  --black:                #000000;
+  --neutralDarker:        #1a120a;
+  --neutralDark:          #241a10;
+  --neutralPrimary:       #2e1e0e;
+  --neutralPrimaryAlt:    #3c2a16;
+  --neutralSecondary:     #52381e;
+  --neutralSecondaryAlt:  #6a4a28;
+  --neutralTertiary:      #8a6840;
+  --neutralTertiaryAlt:   #f0b67e;
+  --neutralQuaternary:    #9d8a70;
+  --neutralQuaternaryAlt: #b5a48e;
+  --neutralLight:         #c8b898;
+  --neutralLighter:       #e0d5c6;
+  --neutralLighterAlt:    #f0e6d8;
+  --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:                    #f0b67e;
+  --linkHovered:             #f7d6b3;
+  --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:  #f0b67e;
+  --messageLinkHovered: #f7d6b3;
+  --warningText:  var(--neutralLighter);
+  --successText:  #92C353;
+
+  /* -----------------------------------------------------------------------
+     MISC
+     ----------------------------------------------------------------------- */
+  --defaultStateBackground:  var(--neutralDark);
+  --overlayBackground:       rgba(0, 0, 0, 0.6);
+}

package/dist/agents/index.d.ts

@@ -1,7 +1,7 @@
 export { AgentConfig, AgentResponse, AgentEvent, AgentProvider, Attachment, ChatMessage } from './types';
 export { a2aProvider } from './a2a/a2aProvider';
 export { openclawProvider } from './openclaw/openclawProvider';
-export { connectAgent, disconnectAgent, getAgentStatus } from './openclaw/gatewayManager';
+export { connectAgent, disconnectAgent, getAgentStatus, setOpenClawDebug } from './openclaw/gatewayManager';
 export { startTunnel, stopTunnel, getTunnelStatus } from './openclaw/sshTunnelManager';
 export { discoverA2AAgent, discoverOpenClawAgent } from './discovery';
 //# sourceMappingURL=index.d.ts.map

package/dist/agents/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/agents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACzG,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC1F,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/agents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACzG,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC5G,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC"}

package/dist/agents/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.discoverOpenClawAgent = exports.discoverA2AAgent = exports.getTunnelStatus = exports.stopTunnel = exports.startTunnel = exports.getAgentStatus = exports.disconnectAgent = exports.connectAgent = exports.openclawProvider = exports.a2aProvider = void 0;
+exports.discoverOpenClawAgent = exports.discoverA2AAgent = exports.getTunnelStatus = exports.stopTunnel = exports.startTunnel = exports.setOpenClawDebug = exports.getAgentStatus = exports.disconnectAgent = exports.connectAgent = exports.openclawProvider = exports.a2aProvider = void 0;
 var a2aProvider_1 = require("./a2a/a2aProvider");
 Object.defineProperty(exports, "a2aProvider", { enumerable: true, get: function () { return a2aProvider_1.a2aProvider; } });
 var openclawProvider_1 = require("./openclaw/openclawProvider");
@@ -9,6 +9,7 @@ var gatewayManager_1 = require("./openclaw/gatewayManager");
 Object.defineProperty(exports, "connectAgent", { enumerable: true, get: function () { return gatewayManager_1.connectAgent; } });
 Object.defineProperty(exports, "disconnectAgent", { enumerable: true, get: function () { return gatewayManager_1.disconnectAgent; } });
 Object.defineProperty(exports, "getAgentStatus", { enumerable: true, get: function () { return gatewayManager_1.getAgentStatus; } });
+Object.defineProperty(exports, "setOpenClawDebug", { enumerable: true, get: function () { return gatewayManager_1.setOpenClawDebug; } });
 var sshTunnelManager_1 = require("./openclaw/sshTunnelManager");
 Object.defineProperty(exports, "startTunnel", { enumerable: true, get: function () { return sshTunnelManager_1.startTunnel; } });
 Object.defineProperty(exports, "stopTunnel", { enumerable: true, get: function () { return sshTunnelManager_1.stopTunnel; } });