@mario_hahn/jumpy-ui 0.5.0 → 0.6.1

package/tokens/ios/Sources/JumpyTokensSnow/Tokens.xcassets/actionsPrimaryRegularFocusIcon.colorset/Contents.json

@@ -5,9 +5,9 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.976",
-          "green": "0.988",
-          "blue": "0.957",
+          "red": "1.000",
+          "green": "1.000",
+          "blue": "1.000",
           "alpha": "1.000"
         }
       }
@@ -23,10 +23,10 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.427",
-          "green": "0.769",
-          "blue": "0.541",
-          "alpha": "0.122"
+          "red": "0.055",
+          "green": "0.125",
+          "blue": "0.082",
+          "alpha": "1.000"
         }
       }
     }

package/tokens/ios/Sources/JumpyTokensSnow/Tokens.xcassets/actionsPrimaryRegularHoverIcon.colorset/Contents.json

@@ -5,9 +5,9 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.976",
-          "green": "0.988",
-          "blue": "0.957",
+          "red": "1.000",
+          "green": "1.000",
+          "blue": "1.000",
           "alpha": "1.000"
         }
       }
@@ -23,10 +23,10 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.427",
-          "green": "0.769",
-          "blue": "0.541",
-          "alpha": "0.122"
+          "red": "0.055",
+          "green": "0.125",
+          "blue": "0.082",
+          "alpha": "1.000"
         }
       }
     }

package/tokens/ios/Sources/JumpyTokensSnow/Tokens.xcassets/actionsPrimaryRegularPressedIcon.colorset/Contents.json

@@ -5,9 +5,9 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.976",
-          "green": "0.988",
-          "blue": "0.957",
+          "red": "1.000",
+          "green": "1.000",
+          "blue": "1.000",
           "alpha": "1.000"
         }
       }
@@ -23,10 +23,10 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.427",
-          "green": "0.769",
-          "blue": "0.541",
-          "alpha": "0.122"
+          "red": "0.055",
+          "green": "0.125",
+          "blue": "0.082",
+          "alpha": "1.000"
         }
       }
     }

package/tokens/ios/Sources/JumpyTokensSnow/Tokens.xcassets/actionsSecondaryRegularHoverSurface.colorset/Contents.json

@@ -5,10 +5,10 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.976",
-          "green": "0.988",
-          "blue": "0.957",
-          "alpha": "1.000"
+          "red": "0.071",
+          "green": "0.541",
+          "blue": "0.259",
+          "alpha": "0.078"
         }
       }
     },

package/tokens/ios/Sources/JumpyTokensSnow/Tokens.xcassets/actionsTertiaryRegularHoverSurface.colorset/Contents.json

@@ -5,10 +5,10 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.976",
-          "green": "0.988",
-          "blue": "0.957",
-          "alpha": "1.000"
+          "red": "0.071",
+          "green": "0.541",
+          "blue": "0.259",
+          "alpha": "0.078"
         }
       }
     },

package/tokens/ios/Sources/JumpyTokensSnow/Tokens.xcassets/cardActiveDefaultSurface.colorset/Contents.json

@@ -5,10 +5,10 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.976",
-          "green": "0.988",
-          "blue": "0.957",
-          "alpha": "1.000"
+          "red": "0.071",
+          "green": "0.541",
+          "blue": "0.259",
+          "alpha": "0.078"
         }
       }
     },

package/tokens/ios/Sources/JumpyTokensSnow/Tokens.xcassets/cardActiveFocusSurface.colorset/Contents.json

@@ -5,10 +5,10 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.976",
-          "green": "0.988",
-          "blue": "0.957",
-          "alpha": "1.000"
+          "red": "0.071",
+          "green": "0.541",
+          "blue": "0.259",
+          "alpha": "0.078"
         }
       }
     },

package/tokens/ios/Sources/JumpyTokensSnow/Tokens.xcassets/cardInactiveHoverSurface.colorset/Contents.json

@@ -5,10 +5,10 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.976",
-          "green": "0.988",
-          "blue": "0.957",
-          "alpha": "1.000"
+          "red": "0.071",
+          "green": "0.541",
+          "blue": "0.259",
+          "alpha": "0.078"
         }
       }
     },

package/tokens/ios/Sources/JumpyTokensSnow/Tokens.xcassets/coachmarkHoverSurface.colorset/Contents.json

@@ -5,10 +5,10 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.976",
-          "green": "0.988",
-          "blue": "0.957",
-          "alpha": "1.000"
+          "red": "0.071",
+          "green": "0.541",
+          "blue": "0.259",
+          "alpha": "0.078"
         }
       }
     },

package/tokens/ios/Sources/JumpyTokensSnow/Tokens.xcassets/coachmarkPressedOuterCircleSurface.colorset/Contents.json

@@ -5,10 +5,10 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.976",
-          "green": "0.988",
-          "blue": "0.957",
-          "alpha": "1.000"
+          "red": "0.071",
+          "green": "0.541",
+          "blue": "0.259",
+          "alpha": "0.078"
         }
       }
     },

package/tokens/ios/Sources/JumpyTokensSnow/Tokens.xcassets/colorPrimaryMegalight.colorset/Contents.json

@@ -5,10 +5,10 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.976",
-          "green": "0.988",
-          "blue": "0.957",
-          "alpha": "1.000"
+          "red": "0.071",
+          "green": "0.541",
+          "blue": "0.259",
+          "alpha": "0.078"
         }
       }
     },

package/tokens/ios/Sources/JumpyTokensSnow/Tokens.xcassets/interactiveInactiveRegularHoverSurface.colorset/Contents.json

@@ -5,10 +5,10 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.976",
-          "green": "0.988",
-          "blue": "0.957",
-          "alpha": "1.000"
+          "red": "0.071",
+          "green": "0.541",
+          "blue": "0.259",
+          "alpha": "0.078"
         }
       }
     },

package/tokens/ios/Sources/JumpyTokensSnow/Tokens.xcassets/nonInteractiveBackgroundBrand.colorset/Contents.json

@@ -5,10 +5,10 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.976",
-          "green": "0.988",
-          "blue": "0.957",
-          "alpha": "1.000"
+          "red": "0.071",
+          "green": "0.541",
+          "blue": "0.259",
+          "alpha": "0.078"
         }
       }
     },

package/tokens/ios/Sources/JumpyTokensSnow/Tokens.xcassets/selectorsActiveHoverHoverRing.colorset/Contents.json

@@ -5,10 +5,10 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.976",
-          "green": "0.988",
-          "blue": "0.957",
-          "alpha": "1.000"
+          "red": "0.071",
+          "green": "0.541",
+          "blue": "0.259",
+          "alpha": "0.078"
         }
       }
     },

package/tokens/ios/Sources/JumpyTokensSnow/Tokens.xcassets/selectorsInactiveHoverHoverRing.colorset/Contents.json

@@ -5,10 +5,10 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.976",
-          "green": "0.988",
-          "blue": "0.957",
-          "alpha": "1.000"
+          "red": "0.071",
+          "green": "0.541",
+          "blue": "0.259",
+          "alpha": "0.078"
         }
       }
     },

package/tokens/ios/Sources/JumpyTokensSnow/Tokens.xcassets/selectorsInactiveHoverSurface.colorset/Contents.json

@@ -5,10 +5,10 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.976",
-          "green": "0.988",
-          "blue": "0.957",
-          "alpha": "1.000"
+          "red": "0.071",
+          "green": "0.541",
+          "blue": "0.259",
+          "alpha": "0.078"
         }
       }
     },

package/tokens/ios/Sources/JumpyTokensSnow/Tokens.xcassets/sliderActiveHoverHandleSurface.colorset/Contents.json

@@ -5,10 +5,10 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.976",
-          "green": "0.988",
-          "blue": "0.957",
-          "alpha": "1.000"
+          "red": "0.071",
+          "green": "0.541",
+          "blue": "0.259",
+          "alpha": "0.078"
         }
       }
     },

package/tokens/web/css/berry/variables.css

@@ -56,7 +56,7 @@
   --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: #8F3D7A;
-  --jumpy-actions-borderless-regular-hover-surface: #F9FCF4FF;
+  --jumpy-actions-borderless-regular-hover-surface: rgba(143,61,122,0.08);
   --jumpy-actions-borderless-regular-hover-surface-alternate: rgba(143,61,122,0.08);
   --jumpy-actions-borderless-regular-hover-text: #8F3D7A;
   --jumpy-actions-borderless-regular-pressed-action: #343434FF;
@@ -110,7 +110,7 @@
   --jumpy-actions-primary-info-pressed-surface: #F6F6F6FF;
   --jumpy-actions-primary-info-pressed-text: #000000FF;
   --jumpy-actions-primary-regular-default-border: #8F3D7A;
-  --jumpy-actions-primary-regular-default-icon: #F9FCF4FF;
+  --jumpy-actions-primary-regular-default-icon: #FFFFFF;
   --jumpy-actions-primary-regular-default-surface: #8F3D7A;
   --jumpy-actions-primary-regular-default-text: #FFFFFFFF;
   --jumpy-actions-primary-regular-disabled-border: #F7EEF7;
@@ -120,15 +120,15 @@
   --jumpy-actions-primary-regular-disabled-text: #6F5A6B;
   --jumpy-actions-primary-regular-focus-border: #8F3D7A;
   --jumpy-actions-primary-regular-focus-focus-ring: #8F3D7A;
-  --jumpy-actions-primary-regular-focus-icon: #F9FCF4FF;
+  --jumpy-actions-primary-regular-focus-icon: #FFFFFF;
   --jumpy-actions-primary-regular-focus-surface: #8F3D7A;
   --jumpy-actions-primary-regular-focus-text: #FFFFFFFF;
   --jumpy-actions-primary-regular-hover-border: #8F3D7A;
-  --jumpy-actions-primary-regular-hover-icon: #F9FCF4FF;
+  --jumpy-actions-primary-regular-hover-icon: #FFFFFF;
   --jumpy-actions-primary-regular-hover-surface: #7A3268;
   --jumpy-actions-primary-regular-hover-text: #FFFFFFFF;
   --jumpy-actions-primary-regular-pressed-border: #8F3D7A;
-  --jumpy-actions-primary-regular-pressed-icon: #F9FCF4FF;
+  --jumpy-actions-primary-regular-pressed-icon: #FFFFFF;
   --jumpy-actions-primary-regular-pressed-surface: #8F3D7A;
   --jumpy-actions-primary-regular-pressed-text: #FFFFFFFF;
   --jumpy-actions-primary-warning-default-border: #1A1C1F;
@@ -199,7 +199,7 @@
   --jumpy-actions-secondary-regular-hover-action: #343434FF;
   --jumpy-actions-secondary-regular-hover-border: #575B5E;
   --jumpy-actions-secondary-regular-hover-icon: #8F3D7A;
-  --jumpy-actions-secondary-regular-hover-surface: #F9FCF4FF;
+  --jumpy-actions-secondary-regular-hover-surface: rgba(143,61,122,0.08);
   --jumpy-actions-secondary-regular-hover-surface-alternate: rgba(143,61,122,0.08);
   --jumpy-actions-secondary-regular-hover-text: #8F3D7A;
   --jumpy-actions-secondary-regular-pressed-action: #343434FF;
@@ -260,7 +260,7 @@
   --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: #8F3D7A;
-  --jumpy-actions-tertiary-regular-hover-surface: #F9FCF4FF;
+  --jumpy-actions-tertiary-regular-hover-surface: rgba(143,61,122,0.08);
   --jumpy-actions-tertiary-regular-hover-surface-alternate: rgba(143,61,122,0.08);
   --jumpy-actions-tertiary-regular-hover-text: #8F3D7A;
   --jumpy-actions-tertiary-regular-pressed-action: #343434FF;
@@ -300,7 +300,7 @@
   --jumpy-card-active-default-border: rgba(87,91,94,0.15);
   --jumpy-card-active-default-icon: #575B5E;
   --jumpy-card-active-default-subtext: #241A23;
-  --jumpy-card-active-default-surface: #F9FCF4FF;
+  --jumpy-card-active-default-surface: rgba(143,61,122,0.08);
   --jumpy-card-active-default-text: #343434FF;
   --jumpy-card-active-disabled-border: #F7EEF7;
   --jumpy-card-active-disabled-icon: rgba(87,91,94,0.15);
@@ -316,7 +316,7 @@
   --jumpy-card-active-focus-focus-ring: #8F3D7A;
   --jumpy-card-active-focus-icon: #575B5E;
   --jumpy-card-active-focus-subtext: #241A23;
-  --jumpy-card-active-focus-surface: #F9FCF4FF;
+  --jumpy-card-active-focus-surface: rgba(143,61,122,0.08);
   --jumpy-card-active-focus-text: #343434FF;
   --jumpy-card-active-hover-border: #C86CAF;
   --jumpy-card-active-hover-icon: #575B5E;
@@ -352,7 +352,7 @@
   --jumpy-card-inactive-hover-border: #C86CAF;
   --jumpy-card-inactive-hover-icon: #575B5E;
   --jumpy-card-inactive-hover-subtext: #241A23;
-  --jumpy-card-inactive-hover-surface: #F9FCF4FF;
+  --jumpy-card-inactive-hover-surface: rgba(143,61,122,0.08);
   --jumpy-card-inactive-hover-text: #343434FF;
   --jumpy-card-inactive-pressed-border: #8F3D7A;
   --jumpy-card-inactive-pressed-icon: #575B5E;
@@ -375,10 +375,10 @@
   --jumpy-coachmark-hover-inner-circle-outline: #8F3D7A;
   --jumpy-coachmark-hover-inner-circle-surface: #FFFFFFFF;
   --jumpy-coachmark-hover-outer-circle-surface: rgba(143,61,122,0.08);
-  --jumpy-coachmark-hover-surface: #F9FCF4FF;
+  --jumpy-coachmark-hover-surface: rgba(143,61,122,0.08);
   --jumpy-coachmark-pressed-inner-circle-outline: #8F3D7A;
   --jumpy-coachmark-pressed-inner-circle-surface: #FFFFFFFF;
-  --jumpy-coachmark-pressed-outer-circle-surface: #F9FCF4FF;
+  --jumpy-coachmark-pressed-outer-circle-surface: rgba(143,61,122,0.08);
   --jumpy-coachmark-pressed-surface: rgba(143,61,122,0.08);
   --jumpy-color-alarm-base: #DC2626;
   --jumpy-color-alarm-dark: #7F1D1D;
@@ -654,7 +654,7 @@
   --jumpy-color-primary-extralight: rgba(143,61,122,0.2);
   --jumpy-color-primary-light: #DDEABEFF;
   --jumpy-color-primary-lightbase: #C86CAF;
-  --jumpy-color-primary-megalight: #F9FCF4FF;
+  --jumpy-color-primary-megalight: rgba(143,61,122,0.08);
   --jumpy-color-primary-ultralight: rgba(143,61,122,0.08);
   --jumpy-color-secondary-100: #FFF9F4FF;
   --jumpy-color-secondary-200: #FFF3E8FF;
@@ -952,7 +952,7 @@
   --jumpy-interactive-inactive-regular-hover-border: #6F5A6B;
   --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(143,61,122,0.08);
   --jumpy-interactive-inactive-regular-hover-surface-alternate: rgba(143,61,122,0.08);
   --jumpy-interactive-inactive-regular-hover-text: #343434FF;
   --jumpy-interactive-inactive-regular-pressed-border: #737373FF;
@@ -963,7 +963,7 @@
   --jumpy-non-interactive-background-alternative: #FFFFFFFF;
   --jumpy-non-interactive-background-alternative-floating: #FFFFFFFF;
   --jumpy-non-interactive-background-alternative-raised: #F6F6F6FF;
-  --jumpy-non-interactive-background-brand: #F9FCF4FF;
+  --jumpy-non-interactive-background-brand: rgba(143,61,122,0.08);
   --jumpy-non-interactive-background-default: #F5F5F2FF;
   --jumpy-non-interactive-background-default-floating: #FFFFFFFF;
   --jumpy-non-interactive-background-default-raised: #FFFFFFFF;
@@ -1020,7 +1020,7 @@
   --jumpy-selectors-active-focus-text: #8F3D7A;
   --jumpy-selectors-active-hover-border: #C86CAF;
   --jumpy-selectors-active-hover-handle: #FFFFFFFF;
-  --jumpy-selectors-active-hover-hover-ring: #F9FCF4FF;
+  --jumpy-selectors-active-hover-hover-ring: rgba(143,61,122,0.08);
   --jumpy-selectors-active-hover-icon: #FFFFFFFF;
   --jumpy-selectors-active-hover-surface: #C86CAF;
   --jumpy-selectors-active-hover-text: #8F3D7A;
@@ -1052,9 +1052,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(143,61,122,0.08);
   --jumpy-selectors-inactive-hover-icon: #575B5E;
-  --jumpy-selectors-inactive-hover-surface: #F9FCF4FF;
+  --jumpy-selectors-inactive-hover-surface: rgba(143,61,122,0.08);
   --jumpy-selectors-inactive-hover-text: #343434FF;
   --jumpy-selectors-inactive-pressed-border: #6F5A6B;
   --jumpy-selectors-inactive-pressed-handle: #575B5E;
@@ -1122,7 +1122,7 @@
   --jumpy-slider-active-focus-stop-text: #343434FF;
   --jumpy-slider-active-focus-track: #8F3D7A;
   --jumpy-slider-active-hover-handle: #8F3D7A;
-  --jumpy-slider-active-hover-handle-surface: #F9FCF4FF;
+  --jumpy-slider-active-hover-handle-surface: rgba(143,61,122,0.08);
   --jumpy-slider-active-hover-icon: #8F3D7A;
   --jumpy-slider-active-hover-stop-dot: rgba(87,91,94,0.15);
   --jumpy-slider-active-hover-stop-text: #343434FF;

package/tokens/web/css/berry-dark/variables.css

@@ -110,7 +110,7 @@
   --jumpy-actions-primary-info-pressed-surface: #949494FF;
   --jumpy-actions-primary-info-pressed-text: #FFFFFFFF;
   --jumpy-actions-primary-regular-default-border: #C86CAF;
-  --jumpy-actions-primary-regular-default-icon: rgba(200,108,175,0.12);
+  --jumpy-actions-primary-regular-default-icon: #2A1022;
   --jumpy-actions-primary-regular-default-surface: #D881BE;
   --jumpy-actions-primary-regular-default-text: #000000FF;
   --jumpy-actions-primary-regular-disabled-border: #2B1E2F;
@@ -120,15 +120,15 @@
   --jumpy-actions-primary-regular-disabled-text: #C8B2C2;
   --jumpy-actions-primary-regular-focus-border: #C86CAF;
   --jumpy-actions-primary-regular-focus-focus-ring: #C86CAF;
-  --jumpy-actions-primary-regular-focus-icon: rgba(200,108,175,0.12);
+  --jumpy-actions-primary-regular-focus-icon: #2A1022;
   --jumpy-actions-primary-regular-focus-surface: #D881BE;
   --jumpy-actions-primary-regular-focus-text: #000000FF;
   --jumpy-actions-primary-regular-hover-border: #C86CAF;
-  --jumpy-actions-primary-regular-hover-icon: rgba(200,108,175,0.12);
+  --jumpy-actions-primary-regular-hover-icon: #2A1022;
   --jumpy-actions-primary-regular-hover-surface: #C86CAF;
   --jumpy-actions-primary-regular-hover-text: #000000FF;
   --jumpy-actions-primary-regular-pressed-border: #C86CAF;
-  --jumpy-actions-primary-regular-pressed-icon: rgba(200,108,175,0.12);
+  --jumpy-actions-primary-regular-pressed-icon: #2A1022;
   --jumpy-actions-primary-regular-pressed-surface: #EEF5DFFF;
   --jumpy-actions-primary-regular-pressed-text: #000000FF;
   --jumpy-actions-primary-warning-default-border: #1A1C1F;

package/tokens/web/css/default/variables.css

@@ -56,7 +56,7 @@
   --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: rgba(18,138,66,0.7);
-  --jumpy-actions-borderless-regular-hover-surface: #F9FCF4FF;
+  --jumpy-actions-borderless-regular-hover-surface: rgba(18,138,66,0.08);
   --jumpy-actions-borderless-regular-hover-surface-alternate: rgba(18,138,66,0.08);
   --jumpy-actions-borderless-regular-hover-text: rgba(18,138,66,0.7);
   --jumpy-actions-borderless-regular-pressed-action: #343434FF;
@@ -110,7 +110,7 @@
   --jumpy-actions-primary-info-pressed-surface: #F6F6F6FF;
   --jumpy-actions-primary-info-pressed-text: #000000FF;
   --jumpy-actions-primary-regular-default-border: #128A42;
-  --jumpy-actions-primary-regular-default-icon: #F9FCF4FF;
+  --jumpy-actions-primary-regular-default-icon: #FFFFFF;
   --jumpy-actions-primary-regular-default-surface: #128A42;
   --jumpy-actions-primary-regular-default-text: #FFFFFFFF;
   --jumpy-actions-primary-regular-disabled-border: #F4F7F5;
@@ -120,15 +120,15 @@
   --jumpy-actions-primary-regular-disabled-text: #575B5E;
   --jumpy-actions-primary-regular-focus-border: #128A42;
   --jumpy-actions-primary-regular-focus-focus-ring: rgba(18,138,66,0.7);
-  --jumpy-actions-primary-regular-focus-icon: #F9FCF4FF;
+  --jumpy-actions-primary-regular-focus-icon: #FFFFFF;
   --jumpy-actions-primary-regular-focus-surface: #128A42;
   --jumpy-actions-primary-regular-focus-text: #FFFFFFFF;
   --jumpy-actions-primary-regular-hover-border: rgba(18,138,66,0.7);
-  --jumpy-actions-primary-regular-hover-icon: #F9FCF4FF;
+  --jumpy-actions-primary-regular-hover-icon: #FFFFFF;
   --jumpy-actions-primary-regular-hover-surface: #0B6F33;
   --jumpy-actions-primary-regular-hover-text: #FFFFFFFF;
   --jumpy-actions-primary-regular-pressed-border: #128A42;
-  --jumpy-actions-primary-regular-pressed-icon: #F9FCF4FF;
+  --jumpy-actions-primary-regular-pressed-icon: #FFFFFF;
   --jumpy-actions-primary-regular-pressed-surface: rgba(18,138,66,0.7);
   --jumpy-actions-primary-regular-pressed-text: #FFFFFFFF;
   --jumpy-actions-primary-warning-default-border: #1A1C1F;
@@ -199,7 +199,7 @@
   --jumpy-actions-secondary-regular-hover-action: #343434FF;
   --jumpy-actions-secondary-regular-hover-border: #575B5E;
   --jumpy-actions-secondary-regular-hover-icon: rgba(18,138,66,0.7);
-  --jumpy-actions-secondary-regular-hover-surface: #F9FCF4FF;
+  --jumpy-actions-secondary-regular-hover-surface: rgba(18,138,66,0.08);
   --jumpy-actions-secondary-regular-hover-surface-alternate: rgba(18,138,66,0.08);
   --jumpy-actions-secondary-regular-hover-text: rgba(18,138,66,0.7);
   --jumpy-actions-secondary-regular-pressed-action: #343434FF;
@@ -260,7 +260,7 @@
   --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: rgba(18,138,66,0.7);
-  --jumpy-actions-tertiary-regular-hover-surface: #F9FCF4FF;
+  --jumpy-actions-tertiary-regular-hover-surface: rgba(18,138,66,0.08);
   --jumpy-actions-tertiary-regular-hover-surface-alternate: rgba(18,138,66,0.08);
   --jumpy-actions-tertiary-regular-hover-text: rgba(18,138,66,0.7);
   --jumpy-actions-tertiary-regular-pressed-action: #343434FF;
@@ -300,7 +300,7 @@
   --jumpy-card-active-default-border: rgba(87,91,94,0.15);
   --jumpy-card-active-default-icon: #575B5E;
   --jumpy-card-active-default-subtext: #1A1C1F;
-  --jumpy-card-active-default-surface: #F9FCF4FF;
+  --jumpy-card-active-default-surface: rgba(18,138,66,0.08);
   --jumpy-card-active-default-text: #343434FF;
   --jumpy-card-active-disabled-border: #F4F7F5;
   --jumpy-card-active-disabled-icon: rgba(87,91,94,0.15);
@@ -316,7 +316,7 @@
   --jumpy-card-active-focus-focus-ring: rgba(18,138,66,0.7);
   --jumpy-card-active-focus-icon: #575B5E;
   --jumpy-card-active-focus-subtext: #1A1C1F;
-  --jumpy-card-active-focus-surface: #F9FCF4FF;
+  --jumpy-card-active-focus-surface: rgba(18,138,66,0.08);
   --jumpy-card-active-focus-text: #343434FF;
   --jumpy-card-active-hover-border: #6CB784;
   --jumpy-card-active-hover-icon: #575B5E;
@@ -352,7 +352,7 @@
   --jumpy-card-inactive-hover-border: #6CB784;
   --jumpy-card-inactive-hover-icon: #575B5E;
   --jumpy-card-inactive-hover-subtext: #1A1C1F;
-  --jumpy-card-inactive-hover-surface: #F9FCF4FF;
+  --jumpy-card-inactive-hover-surface: rgba(18,138,66,0.08);
   --jumpy-card-inactive-hover-text: #343434FF;
   --jumpy-card-inactive-pressed-border: rgba(18,138,66,0.7);
   --jumpy-card-inactive-pressed-icon: #575B5E;
@@ -375,10 +375,10 @@
   --jumpy-coachmark-hover-inner-circle-outline: #128A42;
   --jumpy-coachmark-hover-inner-circle-surface: #FFFFFFFF;
   --jumpy-coachmark-hover-outer-circle-surface: rgba(18,138,66,0.08);
-  --jumpy-coachmark-hover-surface: #F9FCF4FF;
+  --jumpy-coachmark-hover-surface: rgba(18,138,66,0.08);
   --jumpy-coachmark-pressed-inner-circle-outline: #128A42;
   --jumpy-coachmark-pressed-inner-circle-surface: #FFFFFFFF;
-  --jumpy-coachmark-pressed-outer-circle-surface: #F9FCF4FF;
+  --jumpy-coachmark-pressed-outer-circle-surface: rgba(18,138,66,0.08);
   --jumpy-coachmark-pressed-surface: rgba(18,138,66,0.08);
   --jumpy-color-alarm-base: #DC2626;
   --jumpy-color-alarm-dark: #7F1D1D;
@@ -654,7 +654,7 @@
   --jumpy-color-primary-extralight: rgba(18,138,66,0.2);
   --jumpy-color-primary-light: #DDEABEFF;
   --jumpy-color-primary-lightbase: #6CB784;
-  --jumpy-color-primary-megalight: #F9FCF4FF;
+  --jumpy-color-primary-megalight: rgba(18,138,66,0.08);
   --jumpy-color-primary-ultralight: rgba(18,138,66,0.08);
   --jumpy-color-secondary-100: #FFF9F4FF;
   --jumpy-color-secondary-200: #FFF3E8FF;
@@ -952,7 +952,7 @@
   --jumpy-interactive-inactive-regular-hover-border: #575B5E;
   --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(18,138,66,0.08);
   --jumpy-interactive-inactive-regular-hover-surface-alternate: rgba(18,138,66,0.08);
   --jumpy-interactive-inactive-regular-hover-text: #343434FF;
   --jumpy-interactive-inactive-regular-pressed-border: #737373FF;
@@ -963,7 +963,7 @@
   --jumpy-non-interactive-background-alternative: #FFFFFFFF;
   --jumpy-non-interactive-background-alternative-floating: #FFFFFFFF;
   --jumpy-non-interactive-background-alternative-raised: #F6F6F6FF;
-  --jumpy-non-interactive-background-brand: #F9FCF4FF;
+  --jumpy-non-interactive-background-brand: rgba(18,138,66,0.08);
   --jumpy-non-interactive-background-default: #F5F5F2FF;
   --jumpy-non-interactive-background-default-floating: #FFFFFFFF;
   --jumpy-non-interactive-background-default-raised: #FFFFFFFF;
@@ -1020,7 +1020,7 @@
   --jumpy-selectors-active-focus-text: #128A42;
   --jumpy-selectors-active-hover-border: #6CB784;
   --jumpy-selectors-active-hover-handle: #FFFFFFFF;
-  --jumpy-selectors-active-hover-hover-ring: #F9FCF4FF;
+  --jumpy-selectors-active-hover-hover-ring: rgba(18,138,66,0.08);
   --jumpy-selectors-active-hover-icon: #FFFFFFFF;
   --jumpy-selectors-active-hover-surface: #6CB784;
   --jumpy-selectors-active-hover-text: rgba(18,138,66,0.7);
@@ -1052,9 +1052,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(18,138,66,0.08);
   --jumpy-selectors-inactive-hover-icon: #575B5E;
-  --jumpy-selectors-inactive-hover-surface: #F9FCF4FF;
+  --jumpy-selectors-inactive-hover-surface: rgba(18,138,66,0.08);
   --jumpy-selectors-inactive-hover-text: #343434FF;
   --jumpy-selectors-inactive-pressed-border: #575B5E;
   --jumpy-selectors-inactive-pressed-handle: #575B5E;
@@ -1122,7 +1122,7 @@
   --jumpy-slider-active-focus-stop-text: #343434FF;
   --jumpy-slider-active-focus-track: #128A42;
   --jumpy-slider-active-hover-handle: #128A42;
-  --jumpy-slider-active-hover-handle-surface: #F9FCF4FF;
+  --jumpy-slider-active-hover-handle-surface: rgba(18,138,66,0.08);
   --jumpy-slider-active-hover-icon: #128A42;
   --jumpy-slider-active-hover-stop-dot: rgba(87,91,94,0.15);
   --jumpy-slider-active-hover-stop-text: #343434FF;