Tweak colors

Per live discussion with design, these were the decided color values
EdgeApp · Jan 13, 2024 · 9a1623a · 9a1623a
1 parent 58097e7
commit 9a1623a
Show file tree

Hide file tree

Showing 27 changed files with 214 additions and 198 deletions.
diff --git a/src/__tests__/components/__snapshots__/LineTextDivider.test.tsx.snap b/src/__tests__/components/__snapshots__/LineTextDivider.test.tsx.snap
@@ -16,7 +16,7 @@ exports[`LineTextDivider should render with loading props 1`] = `
   <View
     style={
       {
-        "borderBottomColor": "#A4C7DF",
+        "borderBottomColor": "rgba(255, 255, 255, .1)",
         "borderBottomWidth": 1,
         "flex": 1,
       }
@@ -43,7 +43,7 @@ exports[`LineTextDivider should render with loading props 1`] = `
   <View
     style={
       {
-        "borderBottomColor": "#A4C7DF",
+        "borderBottomColor": "rgba(255, 255, 255, .1)",
         "borderBottomWidth": 1,
         "flex": 1,
       }

diff --git a/src/__tests__/modals/__snapshots__/CategoryModal.test.tsx.snap b/src/__tests__/modals/__snapshots__/CategoryModal.test.tsx.snap
@@ -24,6 +24,7 @@ exports[`CategoryModal should render with a subcategory 1`] = `
     style={
       [
         {
+          "backgroundColor": "#000000",
           "bottom": 0,
           "left": 0,
           "position": "absolute",
@@ -42,7 +43,7 @@ exports[`CategoryModal should render with a subcategory 1`] = `
       [
         {
           "alignSelf": "flex-end",
-          "backgroundColor": "rgba(255, 255, 255, 0.376)",
+          "backgroundColor": "rgba(255, 255, 255, .37)",
           "borderTopLeftRadius": 22,
           "borderTopRightRadius": 22,
           "flexShrink": 1,
@@ -79,7 +80,7 @@ exports[`CategoryModal should render with a subcategory 1`] = `
       <BlurView
         blurAmount={10}
         blurType="dark"
-        overlayColor="#00000000"
+        overlayColor="rgba(0, 0, 0, .7)"
         style={
           {
             "bottom": 0,
@@ -105,7 +106,7 @@ exports[`CategoryModal should render with a subcategory 1`] = `
       <View
         style={
           {
-            "backgroundColor": "#87939E",
+            "backgroundColor": "#888888",
             "borderRadius": 3,
             "height": 6,
             "marginTop": 11,
@@ -629,7 +630,7 @@ exports[`CategoryModal should render with a subcategory 1`] = `
             style={
               [
                 {
-                  "color": "#1b2f3b",
+                  "color": "hsla(0, 0%, 100%, 0.20)",
                   "flexGrow": 1,
                   "flexShrink": 1,
                   "fontFamily": "Quicksand-Regular",
@@ -1410,7 +1411,7 @@ exports[`CategoryModal should render with a subcategory 1`] = `
         style={
           [
             {
-              "color": "#87939E",
+              "color": "#888888",
               "fontSize": 22,
             },
             undefined,
@@ -1454,6 +1455,7 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
     style={
       [
         {
+          "backgroundColor": "#000000",
           "bottom": 0,
           "left": 0,
           "position": "absolute",
@@ -1472,7 +1474,7 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
       [
         {
           "alignSelf": "flex-end",
-          "backgroundColor": "rgba(255, 255, 255, 0.376)",
+          "backgroundColor": "rgba(255, 255, 255, .37)",
           "borderTopLeftRadius": 22,
           "borderTopRightRadius": 22,
           "flexShrink": 1,
@@ -1509,7 +1511,7 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
       <BlurView
         blurAmount={10}
         blurType="dark"
-        overlayColor="#00000000"
+        overlayColor="rgba(0, 0, 0, .7)"
         style={
           {
             "bottom": 0,
@@ -1535,7 +1537,7 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
       <View
         style={
           {
-            "backgroundColor": "#87939E",
+            "backgroundColor": "#888888",
             "borderRadius": 3,
             "height": 6,
             "marginTop": 11,
@@ -2059,7 +2061,7 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
             style={
               [
                 {
-                  "color": "#1b2f3b",
+                  "color": "hsla(0, 0%, 100%, 0.20)",
                   "flexGrow": 1,
                   "flexShrink": 1,
                   "fontFamily": "Quicksand-Regular",
@@ -2724,7 +2726,7 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
         style={
           [
             {
-              "color": "#87939E",
+              "color": "#888888",
               "fontSize": 22,
             },
             undefined,

diff --git a/src/__tests__/modals/__snapshots__/HelpModal.test.tsx.snap b/src/__tests__/modals/__snapshots__/HelpModal.test.tsx.snap
@@ -24,6 +24,7 @@ exports[`HelpModal should render with loading props 1`] = `
     style={
       [
         {
+          "backgroundColor": "#000000",
           "bottom": 0,
           "left": 0,
           "position": "absolute",
@@ -42,7 +43,7 @@ exports[`HelpModal should render with loading props 1`] = `
       [
         {
           "alignSelf": "flex-end",
-          "backgroundColor": "rgba(255, 255, 255, 0.376)",
+          "backgroundColor": "rgba(255, 255, 255, .37)",
           "borderTopLeftRadius": 22,
           "borderTopRightRadius": 22,
           "flexShrink": 1,
@@ -79,7 +80,7 @@ exports[`HelpModal should render with loading props 1`] = `
       <BlurView
         blurAmount={10}
         blurType="dark"
-        overlayColor="#00000000"
+        overlayColor="rgba(0, 0, 0, .7)"
         style={
           {
             "bottom": 0,
@@ -105,7 +106,7 @@ exports[`HelpModal should render with loading props 1`] = `
       <View
         style={
           {
-            "backgroundColor": "#87939E",
+            "backgroundColor": "#888888",
             "borderRadius": 3,
             "height": 6,
             "marginTop": 11,
@@ -1053,7 +1054,7 @@ exports[`HelpModal should render with loading props 1`] = `
         style={
           [
             {
-              "color": "#87939E",
+              "color": "#888888",
               "fontSize": 22,
             },
             undefined,

diff --git a/src/__tests__/modals/__snapshots__/WalletListModal.test.tsx.snap b/src/__tests__/modals/__snapshots__/WalletListModal.test.tsx.snap
@@ -53,7 +53,7 @@ exports[`WalletListModal should render with loading props 1`] = `
     style={
       {
         "alignSelf": "flex-end",
-        "backgroundColor": "#121d25",
+        "backgroundColor": "#1a1a1a",
         "borderColor": "rgba(255, 255, 255, 0)",
         "borderTopLeftRadius": 22,
         "borderTopRightRadius": 22,
@@ -313,7 +313,7 @@ exports[`WalletListModal should render with loading props 1`] = `
           style={
             [
               {
-                "color": "#1b2f3b",
+                "color": "hsla(0, 0%, 100%, 0.20)",
                 "flexGrow": 1,
                 "flexShrink": 1,
                 "fontFamily": "Quicksand-Regular",
@@ -640,10 +640,10 @@ exports[`WalletListModal should render with loading props 1`] = `
         <BVLinearGradient
           colors={
             [
-              1187109,
-              856825125,
-              3205635365,
-              4279377189,
+              1710618,
+              857348634,
+              3206158874,
+              4279900698,
             ]
           }
           endPoint={

diff --git a/src/__tests__/scenes/__snapshots__/CreateWalletAccountSetupScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CreateWalletAccountSetupScene.test.tsx.snap
@@ -154,7 +154,7 @@ exports[`CreateWalletAccountSelect renders 1`] = `
               "type": 0,
             }
           }
-          opacity={0.25}
+          opacity={0.1}
         >
           <RNSVGCircle
             cx="10%"
@@ -566,7 +566,7 @@ exports[`CreateWalletAccountSelect renders 1`] = `
             style={
               [
                 {
-                  "color": "#1b2f3b",
+                  "color": "hsla(0, 0%, 100%, 0.20)",
                   "flexGrow": 1,
                   "flexShrink": 1,
                   "fontFamily": "Quicksand-Regular",

diff --git a/src/__tests__/scenes/__snapshots__/CreateWalletImportScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CreateWalletImportScene.test.tsx.snap
@@ -154,7 +154,7 @@ exports[`CreateWalletImportScene should render with loading props 1`] = `
               "type": 0,
             }
           }
-          opacity={0.25}
+          opacity={0.1}
         >
           <RNSVGCircle
             cx="10%"
@@ -539,7 +539,7 @@ exports[`CreateWalletImportScene should render with loading props 1`] = `
           style={
             [
               {
-                "color": "#1b2f3b",
+                "color": "hsla(0, 0%, 100%, 0.20)",
                 "flexGrow": 1,
                 "flexShrink": 1,
                 "fontFamily": "Quicksand-Regular",

diff --git a/src/__tests__/scenes/__snapshots__/CreateWalletSelectCryptoScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CreateWalletSelectCryptoScene.test.tsx.snap
@@ -154,7 +154,7 @@ exports[`CreateWalletSelectCrypto should render with loading props 1`] = `
               "type": 0,
             }
           }
-          opacity={0.25}
+          opacity={0.1}
         >
           <RNSVGCircle
             cx="10%"
@@ -484,7 +484,7 @@ exports[`CreateWalletSelectCrypto should render with loading props 1`] = `
             style={
               [
                 {
-                  "color": "#1b2f3b",
+                  "color": "hsla(0, 0%, 100%, 0.20)",
                   "flexGrow": 1,
                   "flexShrink": 1,
                   "fontFamily": "Quicksand-Regular",

diff --git a/src/__tests__/scenes/__snapshots__/CreateWalletSelectFiatScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CreateWalletSelectFiatScene.test.tsx.snap
@@ -154,7 +154,7 @@ exports[`CreateWalletSelectFiatComponent should render with loading props 1`] =
               "type": 0,
             }
           }
-          opacity={0.25}
+          opacity={0.1}
         >
           <RNSVGCircle
             cx="10%"

diff --git a/src/__tests__/scenes/__snapshots__/CryptoExchangeQuoteScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CryptoExchangeQuoteScene.test.tsx.snap
@@ -154,7 +154,7 @@ exports[`CryptoExchangeQuoteScreenComponent should render with loading props 1`]
               "type": 0,
             }
           }
-          opacity={0.25}
+          opacity={0.1}
         >
           <RNSVGCircle
             cx="10%"
@@ -341,7 +341,7 @@ exports[`CryptoExchangeQuoteScreenComponent should render with loading props 1`]
           <View
             style={
               {
-                "borderBottomColor": "#A4C7DF",
+                "borderBottomColor": "rgba(255, 255, 255, .1)",
                 "borderBottomWidth": 1,
                 "flex": 1,
               }
@@ -379,7 +379,7 @@ exports[`CryptoExchangeQuoteScreenComponent should render with loading props 1`]
           <View
             style={
               {
-                "borderBottomColor": "#A4C7DF",
+                "borderBottomColor": "rgba(255, 255, 255, .1)",
                 "borderBottomWidth": 1,
                 "flex": 1,
               }
@@ -913,7 +913,7 @@ exports[`CryptoExchangeQuoteScreenComponent should render with loading props 1`]
           <View
             style={
               {
-                "borderBottomColor": "#A4C7DF",
+                "borderBottomColor": "rgba(255, 255, 255, .1)",
                 "borderBottomWidth": 1,
                 "flex": 1,
               }
@@ -951,7 +951,7 @@ exports[`CryptoExchangeQuoteScreenComponent should render with loading props 1`]
           <View
             style={
               {
-                "borderBottomColor": "#A4C7DF",
+                "borderBottomColor": "rgba(255, 255, 255, .1)",
                 "borderBottomWidth": 1,
                 "flex": 1,
               }
@@ -1458,7 +1458,7 @@ exports[`CryptoExchangeQuoteScreenComponent should render with loading props 1`]
                   <Text
                     style={
                       {
-                        "color": "#87939E",
+                        "color": "#888888",
                         "fontSize": 17,
                       }
                     }
@@ -1686,7 +1686,7 @@ exports[`CryptoExchangeQuoteScreenComponent should render with loading props 1`]
             style={
               [
                 {
-                  "backgroundColor": "#2B333A",
+                  "backgroundColor": "#00604d",
                   "borderRadius": 27.5,
                   "height": 55,
                   "justifyContent": "center",
@@ -1703,7 +1703,7 @@ exports[`CryptoExchangeQuoteScreenComponent should render with loading props 1`]
               style={
                 [
                   {
-                    "backgroundColor": "#2B333A",
+                    "backgroundColor": "#333333",
                     "borderRadius": 27.5,
                     "bottom": 0,
                     "left": 0,
@@ -1754,7 +1754,7 @@ exports[`CryptoExchangeQuoteScreenComponent should render with loading props 1`]
                       "fontSize": 34,
                     },
                     {
-                      "color": "#1b2f3b",
+                      "color": "#1a1a1a",
                       "fontSize": 51,
                     },
                     {

diff --git a/src/__tests__/scenes/__snapshots__/CurrencyNotificationScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CurrencyNotificationScene.test.tsx.snap
@@ -154,7 +154,7 @@ exports[`CurrencyNotificationComponent should render with loading props 1`] = `
               "type": 0,
             }
           }
-          opacity={0.25}
+          opacity={0.1}
         >
           <RNSVGCircle
             cx="10%"
@@ -331,12 +331,12 @@ exports[`CurrencyNotificationComponent should render with loading props 1`] = `
                       "width": 51,
                     },
                     {
-                      "backgroundColor": "#87939E",
+                      "backgroundColor": "#888888",
                       "borderRadius": 16,
                     },
                   ]
                 }
-                tintColor="#87939E"
+                tintColor="#888888"
                 value={true}
               />
             </View>
@@ -444,12 +444,12 @@ exports[`CurrencyNotificationComponent should render with loading props 1`] = `
                       "width": 51,
                     },
                     {
-                      "backgroundColor": "#87939E",
+                      "backgroundColor": "#888888",
                       "borderRadius": 16,
                     },
                   ]
                 }
-                tintColor="#87939E"
+                tintColor="#888888"
                 value={true}
               />
             </View>

diff --git a/src/__tests__/scenes/__snapshots__/CurrencySettings.ui.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CurrencySettings.ui.test.tsx.snap
@@ -154,7 +154,7 @@ exports[`CurrencySettings should render 1`] = `
               "type": 0,
             }
           }
-          opacity={0.25}
+          opacity={0.1}
         >
           <RNSVGCircle
             cx="10%"