refactor: updating red400 to use #FF5263

MetaMask · Jan 19, 2024 · 540e435 · 540e435
1 parent 922e584
commit 540e435
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/src/css/design-tokens.css b/src/css/design-tokens.css
@@ -55,7 +55,7 @@
   --brand-colors-red-red100: #f7d5d8;
   --brand-colors-red-red200: #f1b9be;
   --brand-colors-red-red300: #e88f97;
-  --brand-colors-red-red400: #e06470;
+  --brand-colors-red-red400: #ff5263;
   --brand-colors-red-red500: #d73847;
   --brand-colors-red-red600: #b92534;
   --brand-colors-red-red700: #8e1d28;

diff --git a/src/figma/tokens.json b/src/figma/tokens.json
@@ -260,8 +260,8 @@
           "type": "color"
         },
         "red400": {
-          "value": "#E06470",
-          "description": "(HEX: #E06470)",
+          "value": "#FF5263",
+          "description": "(HEX: #FF5263)",
           "type": "color"
         },
         "red500": {
@@ -1432,8 +1432,8 @@
           "description": "(#FF5263) For high-level alert danger/critical elements. Used for text, background, icon or border"
         },
         "alternative": {
-          "value": "#E06470",
-          "description": "(red400: #E06470) For the \"pressed\" state of interactive danger/critical elements",
+          "value": "#FF5263",
+          "description": "(red400: #FF5263) For the \"pressed\" state of interactive danger/critical elements",
           "type": "color"
         },
         "muted": {

diff --git a/src/js/brandColors/brandColors.ts b/src/js/brandColors/brandColors.ts
@@ -63,7 +63,7 @@ export const brandColors: BrandColors = {
     '100': '#F7D5D8',
     '200': '#F1B9BE',
     '300': '#E88F97',
-    '400': '#E06470',
+    '400': '#FF5263',
     '500': '#D73847',
     '600': '#B92534',
     '700': '#8E1D28',

diff --git a/src/js/themes/darkTheme/colors.ts b/src/js/themes/darkTheme/colors.ts
@@ -58,7 +58,7 @@ export const colors: ThemeColors = {
     default: '#D73847',
     defaultHover: '#FF4D58',
     defaultPressed: '#F9868E',
-    alternative: '#E06470',
+    alternative: '#FF5263',
     muted: '#D7384726',
     inverse: '#141618',
     disabled: '#D7384780',