@mario_hahn/jumpy-ui 0.6.1 → 0.8.0

package/tokens/web/js/jumpy-dark/variables.cjs

@@ -266,8 +266,8 @@ module.exports = {
         "600": "#FBD033FF",
         "700": "#FDE280FF",
         "800": "#FFEFB3FF",
-        "900": "#FF8E4E",
-        "base": "#FF7A2F",
+        "900": "#E05200",
+        "base": "#FF5C00",
         "keyline": "rgba(255, 200, 0, 0)",
         "ultralight": "#735A00FF"
       },
@@ -336,15 +336,15 @@ module.exports = {
         "800": "#C7DC93FF",
         "900": "#DDEABEFF",
         "1000": "#EEF5DFFF",
-        "base": "#FF7A2F",
-        "dark": "#FF7A2F",
-        "darkbase": "#FF8E4E",
+        "base": "#FF5C00",
+        "dark": "#FF5C00",
+        "darkbase": "#E05200",
         "extradark": "#EEF5DFFF",
-        "extralight": "rgba(255,122,47,0.3)",
+        "extralight": "rgba(255,92,0,0.3)",
         "light": "#394A10FF",
         "lightbase": "#FF5C00",
-        "megalight": "rgba(255,122,47,0.14)",
-        "ultralight": "rgba(255,122,47,0.14)"
+        "megalight": "rgba(255,92,0,0.14)",
+        "ultralight": "rgba(255,92,0,0.14)"
       },
       "secondary": {
         "100": "#4D2908FF",
@@ -427,7 +427,7 @@ module.exports = {
             "action": "#FFDDE1FF",
             "border": "rgba(255, 255, 255, 0)",
             "focus": {
-              "ring": "#FF7A2F"
+              "ring": "#FF5C00"
             },
             "icon": "#FFDDE1FF",
             "surface": "rgba(255, 255, 255, 0)",
@@ -458,9 +458,9 @@ module.exports = {
             "action": "#F3F4F6",
             "border": "rgba(255, 255, 255, 0)",
             "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#FF8E4E",
+            "icon": "#FF5C00",
             "surface": "rgba(255, 255, 255, 0)",
-            "text": "#FF8E4E"
+            "text": "#FF5C00"
           },
           "disabled": {
             "action": "rgba(64,73,110,0.4)",
@@ -474,30 +474,30 @@ module.exports = {
             "action": "#F3F4F6",
             "border": "rgba(255, 255, 255, 0)",
             "focus": {
-              "ring": "#FF7A2F"
+              "ring": "#FF5C00"
             },
-            "icon": "#FF8E4E",
+            "icon": "#FF5C00",
             "surface": "rgba(255, 255, 255, 0)",
-            "text": "#FF8E4E"
+            "text": "#FF5C00"
           },
           "hover": {
-            "action": "#FF7A2F",
+            "action": "#E05200",
             "border": "rgba(255, 255, 255, 0)",
             "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#FF7A2F",
+            "icon": "#E05200",
             "surface": {
-              "$value": "rgba(255,122,47,0.14)",
-              "alternate": "rgba(255,122,47,0.14)"
+              "$value": "rgba(255,92,0,0.14)",
+              "alternate": "rgba(255,92,0,0.14)"
             },
-            "text": "#FF7A2F"
+            "text": "#E05200"
           },
           "pressed": {
-            "action": "#EEF5DFFF",
+            "action": "#E05200",
             "border": "rgba(255, 255, 255, 0)",
             "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#EEF5DFFF",
-            "surface": "rgba(255,122,47,0.14)",
-            "text": "#EEF5DFFF"
+            "icon": "#E05200",
+            "surface": "rgba(255,92,0,0.14)",
+            "text": "#E05200"
           }
         }
       },
@@ -521,7 +521,7 @@ module.exports = {
           "focus": {
             "border": "#000000FF",
             "focus": {
-              "ring": "#FF7A2F"
+              "ring": "#FF5C00"
             },
             "icon": "#000000FF",
             "surface": "#FFDDE1FF",
@@ -559,7 +559,7 @@ module.exports = {
           "focus": {
             "border": "#FFFFFFFF",
             "focus": {
-              "ring": "#FF7A2F"
+              "ring": "#FF5C00"
             },
             "icon": "#FFFFFFFF",
             "surface": "#A5ADBF",
@@ -580,40 +580,40 @@ module.exports = {
         },
         "regular": {
           "default": {
-            "border": "#FF7A2F",
+            "border": "#FF5C00",
             "icon": "#FFFFFF",
-            "surface": "#FF8E4E",
-            "text": "#000000FF"
+            "surface": "#FF5C00",
+            "text": "#FFFFFF"
           },
           "disabled": {
             "border": "#151934",
-            "icon": "rgba(64,73,110,0.4)",
+            "icon": "#A5ADBF",
             "surface": {
-              "$value": "rgba(64,73,110,0.4)",
+              "$value": "#151934",
               "alternate": "#1A1A1AFF"
             },
             "text": "#A5ADBF"
           },
           "focus": {
-            "border": "#FF7A2F",
+            "border": "#FF5C00",
             "focus": {
-              "ring": "#FF7A2F"
+              "ring": "rgba(255,92,0,0.24)"
             },
             "icon": "#FFFFFF",
-            "surface": "#FF8E4E",
-            "text": "#000000FF"
+            "surface": "#FF5C00",
+            "text": "#FFFFFF"
           },
           "hover": {
-            "border": "#FF7A2F",
+            "border": "#E05200",
             "icon": "#FFFFFF",
-            "surface": "#FF7A2F",
-            "text": "#000000FF"
+            "surface": "#E05200",
+            "text": "#FFFFFF"
           },
           "pressed": {
-            "border": "#FF7A2F",
+            "border": "#E05200",
             "icon": "#FFFFFF",
-            "surface": "#EEF5DFFF",
-            "text": "#000000FF"
+            "surface": "#E05200",
+            "text": "#FFFFFF"
           }
         },
         "warning": {
@@ -635,7 +635,7 @@ module.exports = {
           "focus": {
             "border": "#1A1C1F",
             "focus": {
-              "ring": "#FF7A2F"
+              "ring": "#FF5C00"
             },
             "icon": "#1A1C1F",
             "surface": "#F59E0B",
@@ -675,7 +675,7 @@ module.exports = {
             "action": "#FFDDE1FF",
             "border": "#A5ADBF",
             "focus": {
-              "ring": "#FF7A2F"
+              "ring": "#FF5C00"
             },
             "icon": "#FFDDE1FF",
             "surface": "#000000FF",
@@ -703,9 +703,9 @@ module.exports = {
           "default": {
             "action": "#F3F4F6",
             "border": "#A5ADBF",
-            "icon": "#FF8E4E",
+            "icon": "#FF5C00",
             "surface": "#1A1A1AFF",
-            "text": "#FF8E4E"
+            "text": "#FF5C00"
           },
           "disabled": {
             "action": "rgba(64,73,110,0.4)",
@@ -718,28 +718,28 @@ module.exports = {
             "action": "#F3F4F6",
             "border": "#A5ADBF",
             "focus": {
-              "ring": "#FF7A2F"
+              "ring": "#FF5C00"
             },
-            "icon": "#FF8E4E",
+            "icon": "#FF5C00",
             "surface": "#000000FF",
-            "text": "#FF8E4E"
+            "text": "#FF5C00"
           },
           "hover": {
             "action": "#E3E3E3FF",
             "border": "#575B5E",
-            "icon": "#FF7A2F",
+            "icon": "#E05200",
             "surface": {
-              "$value": "rgba(255,122,47,0.14)",
-              "alternate": "rgba(255,122,47,0.14)"
+              "$value": "rgba(255,92,0,0.14)",
+              "alternate": "rgba(255,92,0,0.14)"
             },
-            "text": "#FF7A2F"
+            "text": "#E05200"
           },
           "pressed": {
-            "action": "#EEF5DFFF",
+            "action": "#E05200",
             "border": "#A5ADBF",
-            "icon": "#EEF5DFFF",
-            "surface": "rgba(255,122,47,0.14)",
-            "text": "#EEF5DFFF"
+            "icon": "#E05200",
+            "surface": "rgba(255,92,0,0.14)",
+            "text": "#E05200"
           }
         }
       },
@@ -765,7 +765,7 @@ module.exports = {
             "action": "#FFDDE1FF",
             "border": "rgba(255, 255, 255, 0)",
             "focus": {
-              "ring": "#FF7A2F"
+              "ring": "#FF5C00"
             },
             "icon": "#FFDDE1FF",
             "surface": "rgba(255, 255, 255, 0)",
@@ -796,9 +796,9 @@ module.exports = {
             "action": "#F3F4F6",
             "border": "rgba(255, 255, 255, 0)",
             "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#FF8E4E",
+            "icon": "#FF5C00",
             "surface": "rgba(255, 255, 255, 0)",
-            "text": "#FF8E4E"
+            "text": "#FF5C00"
           },
           "disabled": {
             "action": "rgba(64,73,110,0.4)",
@@ -812,30 +812,30 @@ module.exports = {
             "action": "#F3F4F6",
             "border": "rgba(255, 255, 255, 0)",
             "focus": {
-              "ring": "#FF7A2F"
+              "ring": "#FF5C00"
             },
-            "icon": "#FF8E4E",
+            "icon": "#FF5C00",
             "surface": "rgba(255, 255, 255, 0)",
-            "text": "#FF8E4E"
+            "text": "#FF5C00"
           },
           "hover": {
-            "action": "#FF7A2F",
+            "action": "#E05200",
             "border": "rgba(255, 255, 255, 0)",
             "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#FF7A2F",
+            "icon": "#E05200",
             "surface": {
-              "$value": "rgba(255,122,47,0.14)",
-              "alternate": "rgba(255,122,47,0.14)"
+              "$value": "rgba(255,92,0,0.14)",
+              "alternate": "rgba(255,92,0,0.14)"
             },
-            "text": "#FF7A2F"
+            "text": "#E05200"
           },
           "pressed": {
-            "action": "#EEF5DFFF",
+            "action": "#E05200",
             "border": "rgba(255, 255, 255, 0)",
             "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#EEF5DFFF",
-            "surface": "rgba(255,122,47,0.14)",
-            "text": "#EEF5DFFF"
+            "icon": "#E05200",
+            "surface": "rgba(255,92,0,0.14)",
+            "text": "#E05200"
           }
         }
       }
@@ -846,7 +846,7 @@ module.exports = {
           "border": "rgba(64,73,110,0.4)",
           "icon": "#F3F4F6",
           "subtext": "#A5ADBF",
-          "surface": "rgba(255,122,47,0.14)",
+          "surface": "rgba(255,92,0,0.14)",
           "text": "#F3F4F6"
         },
         "disabled": {
@@ -857,34 +857,34 @@ module.exports = {
           "text": "#F3F4F6"
         },
         "dragged": {
-          "border": "#FF7A2F",
+          "border": "#FF5C00",
           "icon": "#F3F4F6",
           "subtext": "#A5ADBF",
-          "surface": "rgba(255,122,47,0.3)",
+          "surface": "rgba(255,92,0,0.3)",
           "text": "#F3F4F6"
         },
         "focus": {
           "border": "rgba(64,73,110,0.4)",
           "focus": {
-            "ring": "#FF7A2F"
+            "ring": "#FF5C00"
           },
           "icon": "#F3F4F6",
           "subtext": "#A5ADBF",
-          "surface": "rgba(255,122,47,0.14)",
+          "surface": "rgba(255,92,0,0.14)",
           "text": "#F3F4F6"
         },
         "hover": {
           "border": "#FF5C00",
           "icon": "#F3F4F6",
           "subtext": "#A5ADBF",
-          "surface": "rgba(255,122,47,0.14)",
+          "surface": "rgba(255,92,0,0.14)",
           "text": "#F3F4F6"
         },
         "pressed": {
-          "border": "#FF7A2F",
+          "border": "#FF5C00",
           "icon": "#F3F4F6",
           "subtext": "#A5ADBF",
-          "surface": "rgba(255,122,47,0.3)",
+          "surface": "rgba(255,92,0,0.3)",
           "text": "#F3F4F6"
         }
       },
@@ -904,16 +904,16 @@ module.exports = {
           "text": "#F3F4F6"
         },
         "dragged": {
-          "border": "#FF7A2F",
+          "border": "#FF5C00",
           "icon": "#F3F4F6",
           "subtext": "#A5ADBF",
-          "surface": "rgba(255,122,47,0.14)",
+          "surface": "rgba(255,92,0,0.14)",
           "text": "#F3F4F6"
         },
         "focus": {
           "border": "rgba(64,73,110,0.4)",
           "focus": {
-            "ring": "#FF7A2F"
+            "ring": "#FF5C00"
           },
           "icon": "#F3F4F6",
           "subtext": "#A5ADBF",
@@ -928,10 +928,10 @@ module.exports = {
           "text": "#F3F4F6"
         },
         "pressed": {
-          "border": "#FF7A2F",
+          "border": "#FF5C00",
           "icon": "#F3F4F6",
           "subtext": "#A5ADBF",
-          "surface": "rgba(255,122,47,0.14)",
+          "surface": "rgba(255,92,0,0.14)",
           "text": "#F3F4F6"
         }
       }
@@ -940,13 +940,13 @@ module.exports = {
       "default": {
         "inner": {
           "circle": {
-            "outline": "#FF7A2F",
+            "outline": "#FF5C00",
             "surface": "#000000FF"
           }
         },
         "outer": {
           "circle": {
-            "surface": "rgba(255,122,47,0.14)"
+            "surface": "rgba(255,92,0,0.14)"
           }
         },
         "surface": "rgba(255, 255, 255, 0)"
@@ -967,17 +967,17 @@ module.exports = {
       },
       "focus": {
         "focus": {
-          "ring": "#FF8E4E"
+          "ring": "#E05200"
         },
         "inner": {
           "circle": {
-            "outline": "#FF7A2F",
+            "outline": "#FF5C00",
             "surface": "#000000FF"
           }
         },
         "outer": {
           "circle": {
-            "surface": "rgba(255,122,47,0.14)"
+            "surface": "rgba(255,92,0,0.14)"
           }
         },
         "surface": "rgba(255, 255, 255, 0)"
@@ -985,30 +985,30 @@ module.exports = {
       "hover": {
         "inner": {
           "circle": {
-            "outline": "#FF7A2F",
+            "outline": "#FF5C00",
             "surface": "#000000FF"
           }
         },
         "outer": {
           "circle": {
-            "surface": "rgba(255,122,47,0.14)"
+            "surface": "rgba(255,92,0,0.14)"
           }
         },
-        "surface": "rgba(255,122,47,0.14)"
+        "surface": "rgba(255,92,0,0.14)"
       },
       "pressed": {
         "inner": {
           "circle": {
-            "outline": "#FF7A2F",
+            "outline": "#FF5C00",
             "surface": "#000000FF"
           }
         },
         "outer": {
           "circle": {
-            "surface": "rgba(255,122,47,0.14)"
+            "surface": "rgba(255,92,0,0.14)"
           }
         },
-        "surface": "rgba(255,122,47,0.14)"
+        "surface": "rgba(255,92,0,0.14)"
       }
     },
     "input": {
@@ -1074,7 +1074,7 @@ module.exports = {
           "value": "#F3F4F6"
         },
         "focus": {
-          "border": "#FF7A2F",
+          "border": "#FF5C00",
           "icon": "#F3F4F6",
           "label": "#A5ADBF",
           "placeholder": "#949494FF",
@@ -1120,7 +1120,7 @@ module.exports = {
           "focus": {
             "border": "rgba(239,68,68,0.1)",
             "focus": {
-              "ring": "#FF7A2F"
+              "ring": "#FF5C00"
             },
             "icon": "#DC2626",
             "subtext": "#F3F4F6",
@@ -1147,11 +1147,11 @@ module.exports = {
         },
         "regular": {
           "default": {
-            "border": "rgba(255,122,47,0.14)",
-            "icon": "#FF7A2F",
+            "border": "rgba(255,92,0,0.14)",
+            "icon": "#FF5C00",
             "subtext": "#F3F4F6",
-            "surface": "rgba(255,122,47,0.14)",
-            "text": "#FF7A2F"
+            "surface": "rgba(255,92,0,0.14)",
+            "text": "#FF5C00"
           },
           "disabled": {
             "border": "#151934",
@@ -1161,31 +1161,31 @@ module.exports = {
             "text": "#A5ADBF"
           },
           "focus": {
-            "border": "rgba(255,122,47,0.14)",
+            "border": "rgba(255,92,0,0.14)",
             "focus": {
-              "ring": "#FF7A2F"
+              "ring": "#FF5C00"
             },
-            "icon": "#FF7A2F",
+            "icon": "#FF5C00",
             "subtext": "#F3F4F6",
-            "surface": "rgba(255,122,47,0.14)",
-            "text": "#FF7A2F"
+            "surface": "rgba(255,92,0,0.14)",
+            "text": "#FF5C00"
           },
           "hover": {
-            "border": "rgba(255,122,47,0.14)",
-            "icon": "#FF7A2F",
+            "border": "rgba(255,92,0,0.14)",
+            "icon": "#E05200",
             "subtext": "#F3F4F6",
             "surface": {
-              "$value": "rgba(255,122,47,0.3)",
-              "alternate": "rgba(255,122,47,0.3)"
+              "$value": "rgba(255,92,0,0.3)",
+              "alternate": "rgba(255,92,0,0.3)"
             },
-            "text": "#FF7A2F"
+            "text": "#E05200"
           },
           "pressed": {
-            "border": "rgba(255,122,47,0.14)",
-            "icon": "#FF7A2F",
+            "border": "rgba(255,92,0,0.14)",
+            "icon": "#E05200",
             "subtext": "#F3F4F6",
-            "surface": "#394A10FF",
-            "text": "#FF7A2F"
+            "surface": "#E05200",
+            "text": "#E05200"
           }
         }
       },
@@ -1211,7 +1211,7 @@ module.exports = {
           "focus": {
             "border": "#A5ADBF",
             "focus": {
-              "ring": "#FF7A2F"
+              "ring": "#FF5C00"
             },
             "icon": "#DC2626",
             "subtext": "#575B5E",
@@ -1260,7 +1260,7 @@ module.exports = {
           "focus": {
             "border": "rgba(64,73,110,0.4)",
             "focus": {
-              "ring": "#FF7A2F"
+              "ring": "#FF5C00"
             },
             "icon": "#F3F4F6",
             "subtext": "#A5ADBF",
@@ -1275,8 +1275,8 @@ module.exports = {
             "icon": "#E3E3E3FF",
             "subtext": "#A5ADBF",
             "surface": {
-              "$value": "rgba(255,122,47,0.14)",
-              "alternate": "rgba(255,122,47,0.14)"
+              "$value": "rgba(255,92,0,0.14)",
+              "alternate": "rgba(255,92,0,0.14)"
             },
             "text": "#E3E3E3FF"
           },
@@ -1284,7 +1284,7 @@ module.exports = {
             "border": "#A5ADBF",
             "icon": "#E3E3E3FF",
             "subtext": "#A5ADBF",
-            "surface": "rgba(255,122,47,0.14)",
+            "surface": "rgba(255,92,0,0.14)",
             "text": "#E3E3E3FF"
           }
         }
@@ -1314,11 +1314,11 @@ module.exports = {
     "selectors": {
       "active": {
         "default": {
-          "border": "#FF8E4E",
+          "border": "#FF5C00",
           "handle": "#000000FF",
           "icon": "#000000FF",
-          "surface": "#FF8E4E",
-          "text": "#FF8E4E"
+          "surface": "#FF5C00",
+          "text": "#FF5C00"
         },
         "disabled": {
           "border": "rgba(64,73,110,0.4)",
@@ -1328,39 +1328,39 @@ module.exports = {
           "text": "#A5ADBF"
         },
         "focus": {
-          "border": "#FF8E4E",
+          "border": "#FF5C00",
           "focus": {
-            "ring": "#FF7A2F"
+            "ring": "#FF5C00"
           },
           "handle": "#000000FF",
           "icon": "#000000FF",
-          "surface": "#FF8E4E",
-          "text": "#FF8E4E"
+          "surface": "#FF5C00",
+          "text": "#FF5C00"
         },
         "hover": {
-          "border": "#FF7A2F",
+          "border": "#E05200",
           "handle": "#000000FF",
           "hover": {
-            "ring": "rgba(255,122,47,0.14)"
+            "ring": "rgba(255,92,0,0.14)"
           },
           "icon": "#000000FF",
-          "surface": "#FF7A2F",
-          "text": "#FF7A2F"
+          "surface": "#E05200",
+          "text": "#E05200"
         },
         "pressed": {
-          "border": "#EEF5DFFF",
+          "border": "#E05200",
           "handle": "#000000FF",
           "icon": "#000000FF",
-          "surface": "#EEF5DFFF",
-          "text": "#EEF5DFFF"
+          "surface": "#E05200",
+          "text": "#E05200"
         },
         "read": {
           "only": {
             "border": "#262626FF",
             "handle": "#262626FF",
-            "icon": "#FF7A2F",
+            "icon": "#FF5C00",
             "surface": "#FFFFFFFF",
-            "text": "#FF7A2F"
+            "text": "#FF5C00"
           }
         }
       },
@@ -1382,7 +1382,7 @@ module.exports = {
         "focus": {
           "border": "#949494FF",
           "focus": {
-            "ring": "#FF7A2F"
+            "ring": "#FF5C00"
           },
           "handle": "#575B5E",
           "icon": "#F3F4F6",
@@ -1393,17 +1393,17 @@ module.exports = {
           "border": "#F3F4F6",
           "handle": "#575B5E",
           "hover": {
-            "ring": "rgba(255,122,47,0.14)"
+            "ring": "rgba(255,92,0,0.14)"
           },
           "icon": "#575B5E",
-          "surface": "rgba(255,122,47,0.14)",
+          "surface": "rgba(255,92,0,0.14)",
           "text": "#E3E3E3FF"
         },
         "pressed": {
           "border": "#949494FF",
           "handle": "#575B5E",
           "icon": "#575B5E",
-          "surface": "rgba(255,122,47,0.14)",
+          "surface": "rgba(255,92,0,0.14)",
           "text": "#E3E3E3FF"
         },
         "read": {
@@ -1421,15 +1421,15 @@ module.exports = {
       "active": {
         "default": {
           "handle": {
-            "$value": "#FF8E4E",
+            "$value": "#FF5C00",
             "surface": "rgba(255, 255, 255, 0)"
           },
-          "icon": "#FF8E4E",
+          "icon": "#FF5C00",
           "stop": {
             "dot": "#949494FF",
             "text": "#E3E3E3FF"
           },
-          "track": "#FF8E4E"
+          "track": "#FF5C00"
         },
         "disabled": {
           "handle": {
@@ -1445,47 +1445,47 @@ module.exports = {
         },
         "focus": {
           "handle": {
-            "$value": "#FF8E4E",
+            "$value": "#FF5C00",
             "focus": {
-              "ring": "#FF8E4E"
+              "ring": "#FF5C00"
             },
             "surface": "rgba(255, 255, 255, 0)"
           },
-          "icon": "#FF8E4E",
+          "icon": "#FF5C00",
           "stop": {
             "dot": "#949494FF",
             "text": "#E3E3E3FF"
           },
-          "track": "#FF8E4E"
+          "track": "#FF5C00"
         },
         "hover": {
           "handle": {
-            "$value": "#FF8E4E",
-            "surface": "rgba(255,122,47,0.14)"
+            "$value": "#E05200",
+            "surface": "rgba(255,92,0,0.14)"
           },
-          "icon": "#FF8E4E",
+          "icon": "#E05200",
           "stop": {
             "dot": "#949494FF",
             "text": "#E3E3E3FF"
           },
-          "track": "#FF8E4E"
+          "track": "#E05200"
         },
         "pressed": {
           "handle": {
-            "$value": "#FF8E4E",
-            "surface": "rgba(255,122,47,0.14)"
+            "$value": "#E05200",
+            "surface": "rgba(255,92,0,0.14)"
           },
-          "icon": "#FF8E4E",
+          "icon": "#E05200",
           "stop": {
             "dot": "#949494FF",
             "text": "#E3E3E3FF"
           },
-          "track": "#FF8E4E"
+          "track": "#E05200"
         }
       },
       "inactive": {
         "default": {
-          "icon": "#FF8E4E",
+          "icon": "#FF5C00",
           "stop": {
             "dot": "#949494FF",
             "text": "#E3E3E3FF"
@@ -1501,7 +1501,7 @@ module.exports = {
           "track": "rgba(64,73,110,0.4)"
         },
         "focus": {
-          "icon": "#FF8E4E",
+          "icon": "#FF5C00",
           "stop": {
             "dot": "#949494FF",
             "text": "#E3E3E3FF"
@@ -1509,7 +1509,7 @@ module.exports = {
           "track": "#949494FF"
         },
         "hover": {
-          "icon": "#FF8E4E",
+          "icon": "#E05200",
           "stop": {
             "dot": "#949494FF",
             "text": "#E3E3E3FF"
@@ -1517,7 +1517,7 @@ module.exports = {
           "track": "#949494FF"
         },
         "pressed": {
-          "icon": "#FF8E4E",
+          "icon": "#E05200",
           "stop": {
             "dot": "#949494FF",
             "text": "#E3E3E3FF"