@mario_hahn/jumpy-ui 0.5.0 → 0.7.0

package/tokens/web/json/jumpy/flat-variables.json

@@ -236,7 +236,7 @@
   "jumpy-color-primary-300": "#EEF5DFFF",
   "jumpy-color-primary-400": "#DDEABEFF",
   "jumpy-color-primary-500": "#C7DC93FF",
-  "jumpy-color-primary-600": "#FF7A2F",
+  "jumpy-color-primary-600": "#FF5C00",
   "jumpy-color-primary-700": "#5D7B00FF",
   "jumpy-color-primary-800": "#556F17FF",
   "jumpy-color-primary-900": "#394A10FF",
@@ -247,8 +247,8 @@
   "jumpy-color-primary-extradark": "#2B380CFF",
   "jumpy-color-primary-extralight": "rgba(255,92,0,0.28)",
   "jumpy-color-primary-light": "#DDEABEFF",
-  "jumpy-color-primary-lightbase": "#FF7A2F",
-  "jumpy-color-primary-megalight": "#F9FCF4FF",
+  "jumpy-color-primary-lightbase": "#FF5C00",
+  "jumpy-color-primary-megalight": "rgba(255,92,0,0.1)",
   "jumpy-color-primary-ultralight": "rgba(255,92,0,0.1)",
   "jumpy-color-secondary-100": "#FFF9F4FF",
   "jumpy-color-secondary-200": "#FFF3E8FF",
@@ -341,16 +341,16 @@
   "jumpy-actions-borderless-regular-hover-action": "#343434FF",
   "jumpy-actions-borderless-regular-hover-border": "rgba(255, 255, 255, 0)",
   "jumpy-actions-borderless-regular-hover-focus": "rgba(255, 255, 255, 0)",
-  "jumpy-actions-borderless-regular-hover-icon": "#FF5C00",
-  "jumpy-actions-borderless-regular-hover-surface": "#F9FCF4FF",
+  "jumpy-actions-borderless-regular-hover-icon": "#E05200",
+  "jumpy-actions-borderless-regular-hover-surface": "rgba(255,92,0,0.1)",
   "jumpy-actions-borderless-regular-hover-surface-alternate": "rgba(255,92,0,0.1)",
-  "jumpy-actions-borderless-regular-hover-text": "#FF5C00",
+  "jumpy-actions-borderless-regular-hover-text": "#E05200",
   "jumpy-actions-borderless-regular-pressed-action": "#343434FF",
   "jumpy-actions-borderless-regular-pressed-border": "rgba(255, 255, 255, 0)",
   "jumpy-actions-borderless-regular-pressed-focus": "rgba(255, 255, 255, 0)",
-  "jumpy-actions-borderless-regular-pressed-icon": "#FF5C00",
+  "jumpy-actions-borderless-regular-pressed-icon": "#E05200",
   "jumpy-actions-borderless-regular-pressed-surface": "rgba(255,92,0,0.1)",
-  "jumpy-actions-borderless-regular-pressed-text": "#FF5C00",
+  "jumpy-actions-borderless-regular-pressed-text": "#E05200",
   "jumpy-actions-primary-alarm-default-border": "#FFFFFFFF",
   "jumpy-actions-primary-alarm-default-icon": "#FFFFFFFF",
   "jumpy-actions-primary-alarm-default-surface": "#DC2626",
@@ -396,27 +396,27 @@
   "jumpy-actions-primary-info-pressed-surface": "#F6F6F6FF",
   "jumpy-actions-primary-info-pressed-text": "#000000FF",
   "jumpy-actions-primary-regular-default-border": "#FF5C00",
-  "jumpy-actions-primary-regular-default-icon": "#F9FCF4FF",
+  "jumpy-actions-primary-regular-default-icon": "#FFFFFF",
   "jumpy-actions-primary-regular-default-surface": "#FF5C00",
-  "jumpy-actions-primary-regular-default-text": "#FFFFFFFF",
+  "jumpy-actions-primary-regular-default-text": "#FFFFFF",
   "jumpy-actions-primary-regular-disabled-border": "#1A1A2E",
-  "jumpy-actions-primary-regular-disabled-icon": "rgba(42,42,74,0.72)",
+  "jumpy-actions-primary-regular-disabled-icon": "#9CA3AF",
   "jumpy-actions-primary-regular-disabled-surface": "#1A1A2E",
   "jumpy-actions-primary-regular-disabled-surface-alternate": "#F6F6F6FF",
   "jumpy-actions-primary-regular-disabled-text": "#9CA3AF",
   "jumpy-actions-primary-regular-focus-border": "#FF5C00",
-  "jumpy-actions-primary-regular-focus-focus-ring": "#FF5C00",
-  "jumpy-actions-primary-regular-focus-icon": "#F9FCF4FF",
+  "jumpy-actions-primary-regular-focus-focus-ring": "rgba(255,92,0,0.2)",
+  "jumpy-actions-primary-regular-focus-icon": "#FFFFFF",
   "jumpy-actions-primary-regular-focus-surface": "#FF5C00",
-  "jumpy-actions-primary-regular-focus-text": "#FFFFFFFF",
-  "jumpy-actions-primary-regular-hover-border": "#FF5C00",
-  "jumpy-actions-primary-regular-hover-icon": "#F9FCF4FF",
+  "jumpy-actions-primary-regular-focus-text": "#FFFFFF",
+  "jumpy-actions-primary-regular-hover-border": "#E05200",
+  "jumpy-actions-primary-regular-hover-icon": "#FFFFFF",
   "jumpy-actions-primary-regular-hover-surface": "#E05200",
-  "jumpy-actions-primary-regular-hover-text": "#FFFFFFFF",
-  "jumpy-actions-primary-regular-pressed-border": "#FF5C00",
-  "jumpy-actions-primary-regular-pressed-icon": "#F9FCF4FF",
-  "jumpy-actions-primary-regular-pressed-surface": "#FF5C00",
-  "jumpy-actions-primary-regular-pressed-text": "#FFFFFFFF",
+  "jumpy-actions-primary-regular-hover-text": "#FFFFFF",
+  "jumpy-actions-primary-regular-pressed-border": "#E05200",
+  "jumpy-actions-primary-regular-pressed-icon": "#FFFFFF",
+  "jumpy-actions-primary-regular-pressed-surface": "#E05200",
+  "jumpy-actions-primary-regular-pressed-text": "#FFFFFF",
   "jumpy-actions-primary-warning-default-border": "#1A1C1F",
   "jumpy-actions-primary-warning-default-icon": "#1A1C1F",
   "jumpy-actions-primary-warning-default-surface": "#F59E0B",
@@ -484,15 +484,15 @@
   "jumpy-actions-secondary-regular-focus-text": "#FF5C00",
   "jumpy-actions-secondary-regular-hover-action": "#343434FF",
   "jumpy-actions-secondary-regular-hover-border": "#575B5E",
-  "jumpy-actions-secondary-regular-hover-icon": "#FF5C00",
-  "jumpy-actions-secondary-regular-hover-surface": "#F9FCF4FF",
+  "jumpy-actions-secondary-regular-hover-icon": "#E05200",
+  "jumpy-actions-secondary-regular-hover-surface": "rgba(255,92,0,0.1)",
   "jumpy-actions-secondary-regular-hover-surface-alternate": "rgba(255,92,0,0.1)",
-  "jumpy-actions-secondary-regular-hover-text": "#FF5C00",
+  "jumpy-actions-secondary-regular-hover-text": "#E05200",
   "jumpy-actions-secondary-regular-pressed-action": "#343434FF",
   "jumpy-actions-secondary-regular-pressed-border": "#9CA3AF",
-  "jumpy-actions-secondary-regular-pressed-icon": "#FF5C00",
+  "jumpy-actions-secondary-regular-pressed-icon": "#E05200",
   "jumpy-actions-secondary-regular-pressed-surface": "rgba(255,92,0,0.1)",
-  "jumpy-actions-secondary-regular-pressed-text": "#FF5C00",
+  "jumpy-actions-secondary-regular-pressed-text": "#E05200",
   "jumpy-actions-tertiary-alarm-default-action": "#DC2626",
   "jumpy-actions-tertiary-alarm-default-border": "rgba(255, 255, 255, 0)",
   "jumpy-actions-tertiary-alarm-default-focus": "rgba(255, 255, 255, 0)",
@@ -545,16 +545,16 @@
   "jumpy-actions-tertiary-regular-hover-action": "#343434FF",
   "jumpy-actions-tertiary-regular-hover-border": "rgba(255, 255, 255, 0)",
   "jumpy-actions-tertiary-regular-hover-focus": "rgba(255, 255, 255, 0)",
-  "jumpy-actions-tertiary-regular-hover-icon": "#FF5C00",
-  "jumpy-actions-tertiary-regular-hover-surface": "#F9FCF4FF",
+  "jumpy-actions-tertiary-regular-hover-icon": "#E05200",
+  "jumpy-actions-tertiary-regular-hover-surface": "rgba(255,92,0,0.1)",
   "jumpy-actions-tertiary-regular-hover-surface-alternate": "rgba(255,92,0,0.1)",
-  "jumpy-actions-tertiary-regular-hover-text": "#FF5C00",
+  "jumpy-actions-tertiary-regular-hover-text": "#E05200",
   "jumpy-actions-tertiary-regular-pressed-action": "#343434FF",
   "jumpy-actions-tertiary-regular-pressed-border": "rgba(255, 255, 255, 0)",
   "jumpy-actions-tertiary-regular-pressed-focus": "rgba(255, 255, 255, 0)",
-  "jumpy-actions-tertiary-regular-pressed-icon": "#FF5C00",
+  "jumpy-actions-tertiary-regular-pressed-icon": "#E05200",
   "jumpy-actions-tertiary-regular-pressed-surface": "rgba(255,92,0,0.1)",
-  "jumpy-actions-tertiary-regular-pressed-text": "#FF5C00",
+  "jumpy-actions-tertiary-regular-pressed-text": "#E05200",
   "jumpy-card-active-default-border": "rgba(42,42,74,0.72)",
   "jumpy-card-active-default-icon": "#F3F4F6",
   "jumpy-card-active-default-subtext": "#9CA3AF",
@@ -576,7 +576,7 @@
   "jumpy-card-active-focus-subtext": "#9CA3AF",
   "jumpy-card-active-focus-surface": "rgba(255,92,0,0.1)",
   "jumpy-card-active-focus-text": "#F3F4F6",
-  "jumpy-card-active-hover-border": "#FF7A2F",
+  "jumpy-card-active-hover-border": "#FF5C00",
   "jumpy-card-active-hover-icon": "#F3F4F6",
   "jumpy-card-active-hover-subtext": "#9CA3AF",
   "jumpy-card-active-hover-surface": "rgba(255,92,0,0.1)",
@@ -607,7 +607,7 @@
   "jumpy-card-inactive-focus-subtext": "#9CA3AF",
   "jumpy-card-inactive-focus-surface": "#1A1A2E",
   "jumpy-card-inactive-focus-text": "#F3F4F6",
-  "jumpy-card-inactive-hover-border": "#FF7A2F",
+  "jumpy-card-inactive-hover-border": "#FF5C00",
   "jumpy-card-inactive-hover-icon": "#F3F4F6",
   "jumpy-card-inactive-hover-subtext": "#9CA3AF",
   "jumpy-card-inactive-hover-surface": "#1A1A2E",
@@ -633,10 +633,10 @@
   "jumpy-coachmark-hover-inner-circle-outline": "#FF5C00",
   "jumpy-coachmark-hover-inner-circle-surface": "#FFFFFFFF",
   "jumpy-coachmark-hover-outer-circle-surface": "rgba(255,92,0,0.1)",
-  "jumpy-coachmark-hover-surface": "#F9FCF4FF",
+  "jumpy-coachmark-hover-surface": "rgba(255,92,0,0.1)",
   "jumpy-coachmark-pressed-inner-circle-outline": "#FF5C00",
   "jumpy-coachmark-pressed-inner-circle-surface": "#FFFFFFFF",
-  "jumpy-coachmark-pressed-outer-circle-surface": "#F9FCF4FF",
+  "jumpy-coachmark-pressed-outer-circle-surface": "rgba(255,92,0,0.1)",
   "jumpy-coachmark-pressed-surface": "rgba(255,92,0,0.1)",
   "jumpy-input-alarm-default-alarm-icon": "#DC2626",
   "jumpy-input-alarm-default-border": "#DC2626",
@@ -739,16 +739,16 @@
   "jumpy-interactive-active-regular-focus-surface": "rgba(255,92,0,0.1)",
   "jumpy-interactive-active-regular-focus-text": "#FF5C00",
   "jumpy-interactive-active-regular-hover-border": "rgba(255,92,0,0.1)",
-  "jumpy-interactive-active-regular-hover-icon": "#FF5C00",
+  "jumpy-interactive-active-regular-hover-icon": "#E05200",
   "jumpy-interactive-active-regular-hover-subtext": "#F3F4F6",
   "jumpy-interactive-active-regular-hover-surface": "rgba(255,92,0,0.28)",
   "jumpy-interactive-active-regular-hover-surface-alternate": "rgba(255,92,0,0.28)",
-  "jumpy-interactive-active-regular-hover-text": "#FF5C00",
+  "jumpy-interactive-active-regular-hover-text": "#E05200",
   "jumpy-interactive-active-regular-pressed-border": "rgba(255,92,0,0.1)",
-  "jumpy-interactive-active-regular-pressed-icon": "#FF5C00",
+  "jumpy-interactive-active-regular-pressed-icon": "#E05200",
   "jumpy-interactive-active-regular-pressed-subtext": "#F3F4F6",
-  "jumpy-interactive-active-regular-pressed-surface": "#DDEABEFF",
-  "jumpy-interactive-active-regular-pressed-text": "#FF5C00",
+  "jumpy-interactive-active-regular-pressed-surface": "#E05200",
+  "jumpy-interactive-active-regular-pressed-text": "#E05200",
   "jumpy-interactive-inactive-alarm-default-border": "#9CA3AF",
   "jumpy-interactive-inactive-alarm-default-icon": "#DC2626",
   "jumpy-interactive-inactive-alarm-default-subtext": "#575B5E",
@@ -799,7 +799,7 @@
   "jumpy-interactive-inactive-regular-hover-border": "#9CA3AF",
   "jumpy-interactive-inactive-regular-hover-icon": "#343434FF",
   "jumpy-interactive-inactive-regular-hover-subtext": "#575B5E",
-  "jumpy-interactive-inactive-regular-hover-surface": "#F9FCF4FF",
+  "jumpy-interactive-inactive-regular-hover-surface": "rgba(255,92,0,0.1)",
   "jumpy-interactive-inactive-regular-hover-surface-alternate": "rgba(255,92,0,0.1)",
   "jumpy-interactive-inactive-regular-hover-text": "#343434FF",
   "jumpy-interactive-inactive-regular-pressed-border": "#737373FF",
@@ -810,7 +810,7 @@
   "jumpy-non-interactive-background-alternative": "#1A1A2E",
   "jumpy-non-interactive-background-alternative-floating": "#1A1A2E",
   "jumpy-non-interactive-background-alternative-raised": "#1A1A2E",
-  "jumpy-non-interactive-background-brand": "#F9FCF4FF",
+  "jumpy-non-interactive-background-brand": "rgba(255,92,0,0.1)",
   "jumpy-non-interactive-background-default": "#0F0F1A",
   "jumpy-non-interactive-background-default-floating": "#1A1A2E",
   "jumpy-non-interactive-background-default-raised": "#1A1A2E",
@@ -832,17 +832,17 @@
   "jumpy-selectors-active-focus-icon": "#FFFFFFFF",
   "jumpy-selectors-active-focus-surface": "#FF5C00",
   "jumpy-selectors-active-focus-text": "#FF5C00",
-  "jumpy-selectors-active-hover-border": "#FF7A2F",
+  "jumpy-selectors-active-hover-border": "#E05200",
   "jumpy-selectors-active-hover-handle": "#FFFFFFFF",
-  "jumpy-selectors-active-hover-hover-ring": "#F9FCF4FF",
+  "jumpy-selectors-active-hover-hover-ring": "rgba(255,92,0,0.1)",
   "jumpy-selectors-active-hover-icon": "#FFFFFFFF",
-  "jumpy-selectors-active-hover-surface": "#FF7A2F",
-  "jumpy-selectors-active-hover-text": "#FF5C00",
-  "jumpy-selectors-active-pressed-border": "#DDEABEFF",
+  "jumpy-selectors-active-hover-surface": "#E05200",
+  "jumpy-selectors-active-hover-text": "#E05200",
+  "jumpy-selectors-active-pressed-border": "#E05200",
   "jumpy-selectors-active-pressed-handle": "#FFFFFFFF",
   "jumpy-selectors-active-pressed-icon": "#FFFFFFFF",
-  "jumpy-selectors-active-pressed-surface": "#DDEABEFF",
-  "jumpy-selectors-active-pressed-text": "#FF5C00",
+  "jumpy-selectors-active-pressed-surface": "#E05200",
+  "jumpy-selectors-active-pressed-text": "#E05200",
   "jumpy-selectors-active-read-only-border": "#E3E3E3FF",
   "jumpy-selectors-active-read-only-handle": "#E3E3E3FF",
   "jumpy-selectors-active-read-only-icon": "#FF5C00",
@@ -866,9 +866,9 @@
   "jumpy-selectors-inactive-focus-text": "#343434FF",
   "jumpy-selectors-inactive-hover-border": "#575B5E",
   "jumpy-selectors-inactive-hover-handle": "#575B5E",
-  "jumpy-selectors-inactive-hover-hover-ring": "#F9FCF4FF",
+  "jumpy-selectors-inactive-hover-hover-ring": "rgba(255,92,0,0.1)",
   "jumpy-selectors-inactive-hover-icon": "#575B5E",
-  "jumpy-selectors-inactive-hover-surface": "#F9FCF4FF",
+  "jumpy-selectors-inactive-hover-surface": "rgba(255,92,0,0.1)",
   "jumpy-selectors-inactive-hover-text": "#343434FF",
   "jumpy-selectors-inactive-pressed-border": "#9CA3AF",
   "jumpy-selectors-inactive-pressed-handle": "#575B5E",
@@ -893,24 +893,24 @@
   "jumpy-slider-active-disabled-stop-text": "rgba(42,42,74,0.72)",
   "jumpy-slider-active-disabled-track": "#1A1A2E",
   "jumpy-slider-active-focus-handle": "#FF5C00",
-  "jumpy-slider-active-focus-handle-focus-ring": "#E05200",
+  "jumpy-slider-active-focus-handle-focus-ring": "#FF5C00",
   "jumpy-slider-active-focus-handle-surface": "rgba(255, 255, 255, 0)",
   "jumpy-slider-active-focus-icon": "#FF5C00",
   "jumpy-slider-active-focus-stop-dot": "rgba(42,42,74,0.72)",
   "jumpy-slider-active-focus-stop-text": "#343434FF",
   "jumpy-slider-active-focus-track": "#FF5C00",
-  "jumpy-slider-active-hover-handle": "#FF5C00",
-  "jumpy-slider-active-hover-handle-surface": "#F9FCF4FF",
-  "jumpy-slider-active-hover-icon": "#FF5C00",
+  "jumpy-slider-active-hover-handle": "#E05200",
+  "jumpy-slider-active-hover-handle-surface": "rgba(255,92,0,0.1)",
+  "jumpy-slider-active-hover-icon": "#E05200",
   "jumpy-slider-active-hover-stop-dot": "rgba(42,42,74,0.72)",
   "jumpy-slider-active-hover-stop-text": "#343434FF",
-  "jumpy-slider-active-hover-track": "#FF5C00",
-  "jumpy-slider-active-pressed-handle": "#FF5C00",
+  "jumpy-slider-active-hover-track": "#E05200",
+  "jumpy-slider-active-pressed-handle": "#E05200",
   "jumpy-slider-active-pressed-handle-surface": "rgba(255,92,0,0.1)",
-  "jumpy-slider-active-pressed-icon": "#FF5C00",
+  "jumpy-slider-active-pressed-icon": "#E05200",
   "jumpy-slider-active-pressed-stop-dot": "rgba(42,42,74,0.72)",
   "jumpy-slider-active-pressed-stop-text": "#343434FF",
-  "jumpy-slider-active-pressed-track": "#FF5C00",
+  "jumpy-slider-active-pressed-track": "#E05200",
   "jumpy-slider-inactive-default-icon": "#FF5C00",
   "jumpy-slider-inactive-default-stop-dot": "rgba(42,42,74,0.72)",
   "jumpy-slider-inactive-default-stop-text": "#343434FF",
@@ -923,11 +923,11 @@
   "jumpy-slider-inactive-focus-stop-dot": "rgba(42,42,74,0.72)",
   "jumpy-slider-inactive-focus-stop-text": "#343434FF",
   "jumpy-slider-inactive-focus-track": "#1A1A2E",
-  "jumpy-slider-inactive-hover-icon": "#FF5C00",
+  "jumpy-slider-inactive-hover-icon": "#E05200",
   "jumpy-slider-inactive-hover-stop-dot": "rgba(42,42,74,0.72)",
   "jumpy-slider-inactive-hover-stop-text": "#343434FF",
   "jumpy-slider-inactive-hover-track": "#1A1A2E",
-  "jumpy-slider-inactive-pressed-icon": "#FF5C00",
+  "jumpy-slider-inactive-pressed-icon": "#E05200",
   "jumpy-slider-inactive-pressed-stop-dot": "rgba(42,42,74,0.72)",
   "jumpy-slider-inactive-pressed-stop-text": "#343434FF",
   "jumpy-slider-inactive-pressed-track": "#1A1A2E",

package/tokens/web/json/jumpy/nested-variables.json

@@ -327,7 +327,7 @@
         "300": "#EEF5DFFF",
         "400": "#DDEABEFF",
         "500": "#C7DC93FF",
-        "600": "#FF7A2F",
+        "600": "#FF5C00",
         "700": "#5D7B00FF",
         "800": "#556F17FF",
         "900": "#394A10FF",
@@ -338,8 +338,8 @@
         "extradark": "#2B380CFF",
         "extralight": "rgba(255,92,0,0.28)",
         "light": "#DDEABEFF",
-        "lightbase": "#FF7A2F",
-        "megalight": "#F9FCF4FF",
+        "lightbase": "#FF5C00",
+        "megalight": "rgba(255,92,0,0.1)",
         "ultralight": "rgba(255,92,0,0.1)"
       },
       "secondary": {
@@ -480,20 +480,20 @@
             "action": "#343434FF",
             "border": "rgba(255, 255, 255, 0)",
             "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#FF5C00",
+            "icon": "#E05200",
             "surface": {
-              "$value": "#F9FCF4FF",
+              "$value": "rgba(255,92,0,0.1)",
               "alternate": "rgba(255,92,0,0.1)"
             },
-            "text": "#FF5C00"
+            "text": "#E05200"
           },
           "pressed": {
             "action": "#343434FF",
             "border": "rgba(255, 255, 255, 0)",
             "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#FF5C00",
+            "icon": "#E05200",
             "surface": "rgba(255,92,0,0.1)",
-            "text": "#FF5C00"
+            "text": "#E05200"
           }
         }
       },
@@ -577,13 +577,13 @@
         "regular": {
           "default": {
             "border": "#FF5C00",
-            "icon": "#F9FCF4FF",
+            "icon": "#FFFFFF",
             "surface": "#FF5C00",
-            "text": "#FFFFFFFF"
+            "text": "#FFFFFF"
           },
           "disabled": {
             "border": "#1A1A2E",
-            "icon": "rgba(42,42,74,0.72)",
+            "icon": "#9CA3AF",
             "surface": {
               "$value": "#1A1A2E",
               "alternate": "#F6F6F6FF"
@@ -593,23 +593,23 @@
           "focus": {
             "border": "#FF5C00",
             "focus": {
-              "ring": "#FF5C00"
+              "ring": "rgba(255,92,0,0.2)"
             },
-            "icon": "#F9FCF4FF",
+            "icon": "#FFFFFF",
             "surface": "#FF5C00",
-            "text": "#FFFFFFFF"
+            "text": "#FFFFFF"
           },
           "hover": {
-            "border": "#FF5C00",
-            "icon": "#F9FCF4FF",
+            "border": "#E05200",
+            "icon": "#FFFFFF",
             "surface": "#E05200",
-            "text": "#FFFFFFFF"
+            "text": "#FFFFFF"
           },
           "pressed": {
-            "border": "#FF5C00",
-            "icon": "#F9FCF4FF",
-            "surface": "#FF5C00",
-            "text": "#FFFFFFFF"
+            "border": "#E05200",
+            "icon": "#FFFFFF",
+            "surface": "#E05200",
+            "text": "#FFFFFF"
           }
         },
         "warning": {
@@ -723,19 +723,19 @@
           "hover": {
             "action": "#343434FF",
             "border": "#575B5E",
-            "icon": "#FF5C00",
+            "icon": "#E05200",
             "surface": {
-              "$value": "#F9FCF4FF",
+              "$value": "rgba(255,92,0,0.1)",
               "alternate": "rgba(255,92,0,0.1)"
             },
-            "text": "#FF5C00"
+            "text": "#E05200"
           },
           "pressed": {
             "action": "#343434FF",
             "border": "#9CA3AF",
-            "icon": "#FF5C00",
+            "icon": "#E05200",
             "surface": "rgba(255,92,0,0.1)",
-            "text": "#FF5C00"
+            "text": "#E05200"
           }
         }
       },
@@ -818,20 +818,20 @@
             "action": "#343434FF",
             "border": "rgba(255, 255, 255, 0)",
             "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#FF5C00",
+            "icon": "#E05200",
             "surface": {
-              "$value": "#F9FCF4FF",
+              "$value": "rgba(255,92,0,0.1)",
               "alternate": "rgba(255,92,0,0.1)"
             },
-            "text": "#FF5C00"
+            "text": "#E05200"
           },
           "pressed": {
             "action": "#343434FF",
             "border": "rgba(255, 255, 255, 0)",
             "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#FF5C00",
+            "icon": "#E05200",
             "surface": "rgba(255,92,0,0.1)",
-            "text": "#FF5C00"
+            "text": "#E05200"
           }
         }
       }
@@ -870,7 +870,7 @@
           "text": "#F3F4F6"
         },
         "hover": {
-          "border": "#FF7A2F",
+          "border": "#FF5C00",
           "icon": "#F3F4F6",
           "subtext": "#9CA3AF",
           "surface": "rgba(255,92,0,0.1)",
@@ -917,7 +917,7 @@
           "text": "#F3F4F6"
         },
         "hover": {
-          "border": "#FF7A2F",
+          "border": "#FF5C00",
           "icon": "#F3F4F6",
           "subtext": "#9CA3AF",
           "surface": "#1A1A2E",
@@ -990,7 +990,7 @@
             "surface": "rgba(255,92,0,0.1)"
           }
         },
-        "surface": "#F9FCF4FF"
+        "surface": "rgba(255,92,0,0.1)"
       },
       "pressed": {
         "inner": {
@@ -1001,7 +1001,7 @@
         },
         "outer": {
           "circle": {
-            "surface": "#F9FCF4FF"
+            "surface": "rgba(255,92,0,0.1)"
           }
         },
         "surface": "rgba(255,92,0,0.1)"
@@ -1168,20 +1168,20 @@
           },
           "hover": {
             "border": "rgba(255,92,0,0.1)",
-            "icon": "#FF5C00",
+            "icon": "#E05200",
             "subtext": "#F3F4F6",
             "surface": {
               "$value": "rgba(255,92,0,0.28)",
               "alternate": "rgba(255,92,0,0.28)"
             },
-            "text": "#FF5C00"
+            "text": "#E05200"
           },
           "pressed": {
             "border": "rgba(255,92,0,0.1)",
-            "icon": "#FF5C00",
+            "icon": "#E05200",
             "subtext": "#F3F4F6",
-            "surface": "#DDEABEFF",
-            "text": "#FF5C00"
+            "surface": "#E05200",
+            "text": "#E05200"
           }
         }
       },
@@ -1271,7 +1271,7 @@
             "icon": "#343434FF",
             "subtext": "#575B5E",
             "surface": {
-              "$value": "#F9FCF4FF",
+              "$value": "rgba(255,92,0,0.1)",
               "alternate": "rgba(255,92,0,0.1)"
             },
             "text": "#343434FF"
@@ -1294,7 +1294,7 @@
             "floating": "#1A1A2E",
             "raised": "#1A1A2E"
           },
-          "brand": "#F9FCF4FF",
+          "brand": "rgba(255,92,0,0.1)",
           "default": {
             "$value": "#0F0F1A",
             "floating": "#1A1A2E",
@@ -1334,21 +1334,21 @@
           "text": "#FF5C00"
         },
         "hover": {
-          "border": "#FF7A2F",
+          "border": "#E05200",
           "handle": "#FFFFFFFF",
           "hover": {
-            "ring": "#F9FCF4FF"
+            "ring": "rgba(255,92,0,0.1)"
           },
           "icon": "#FFFFFFFF",
-          "surface": "#FF7A2F",
-          "text": "#FF5C00"
+          "surface": "#E05200",
+          "text": "#E05200"
         },
         "pressed": {
-          "border": "#DDEABEFF",
+          "border": "#E05200",
           "handle": "#FFFFFFFF",
           "icon": "#FFFFFFFF",
-          "surface": "#DDEABEFF",
-          "text": "#FF5C00"
+          "surface": "#E05200",
+          "text": "#E05200"
         },
         "read": {
           "only": {
@@ -1389,10 +1389,10 @@
           "border": "#575B5E",
           "handle": "#575B5E",
           "hover": {
-            "ring": "#F9FCF4FF"
+            "ring": "rgba(255,92,0,0.1)"
           },
           "icon": "#575B5E",
-          "surface": "#F9FCF4FF",
+          "surface": "rgba(255,92,0,0.1)",
           "text": "#343434FF"
         },
         "pressed": {
@@ -1443,7 +1443,7 @@
           "handle": {
             "$value": "#FF5C00",
             "focus": {
-              "ring": "#E05200"
+              "ring": "#FF5C00"
             },
             "surface": "rgba(255, 255, 255, 0)"
           },
@@ -1456,27 +1456,27 @@
         },
         "hover": {
           "handle": {
-            "$value": "#FF5C00",
-            "surface": "#F9FCF4FF"
+            "$value": "#E05200",
+            "surface": "rgba(255,92,0,0.1)"
           },
-          "icon": "#FF5C00",
+          "icon": "#E05200",
           "stop": {
             "dot": "rgba(42,42,74,0.72)",
             "text": "#343434FF"
           },
-          "track": "#FF5C00"
+          "track": "#E05200"
         },
         "pressed": {
           "handle": {
-            "$value": "#FF5C00",
+            "$value": "#E05200",
             "surface": "rgba(255,92,0,0.1)"
           },
-          "icon": "#FF5C00",
+          "icon": "#E05200",
           "stop": {
             "dot": "rgba(42,42,74,0.72)",
             "text": "#343434FF"
           },
-          "track": "#FF5C00"
+          "track": "#E05200"
         }
       },
       "inactive": {
@@ -1505,7 +1505,7 @@
           "track": "#1A1A2E"
         },
         "hover": {
-          "icon": "#FF5C00",
+          "icon": "#E05200",
           "stop": {
             "dot": "rgba(42,42,74,0.72)",
             "text": "#343434FF"
@@ -1513,7 +1513,7 @@
           "track": "#1A1A2E"
         },
         "pressed": {
-          "icon": "#FF5C00",
+          "icon": "#E05200",
           "stop": {
             "dot": "rgba(42,42,74,0.72)",
             "text": "#343434FF"