Style updates (#2375)

* Fix AssetList typeface * Update BaseNotification text * Update ChoosePassword ImportFromSeed * Update styles * Update snapshots * Update snapshot * fix checkmark position * update snapshots
MetaMask · Apr 15, 2021 · fd19a47 · fd19a47
1 parent ed3d850
commit fd19a47
Show file tree

Hide file tree

Showing 34 changed files with 207 additions and 157 deletions.
diff --git a/app/components/UI/AccountInfoCard/__snapshots__/index.test.js.snap b/app/components/UI/AccountInfoCard/__snapshots__/index.test.js.snap
@@ -45,7 +45,7 @@ exports[`AccountInfoCard should render correctly 1`] = `
         numberOfLines={1}
         style={
           Object {
-            "color": "#000000",
+            "color": "#24292E",
             "fontFamily": "EuclidCircularB-Bold",
             "fontSize": 16,
             "fontWeight": "600",
@@ -60,7 +60,7 @@ exports[`AccountInfoCard should render correctly 1`] = `
         numberOfLines={1}
         style={
           Object {
-            "color": "#000000",
+            "color": "#24292E",
             "flexGrow": 1,
             "fontFamily": "EuclidCircularB-Bold",
             "fontSize": 16,
@@ -78,7 +78,7 @@ exports[`AccountInfoCard should render correctly 1`] = `
       style={
         Object {
           "alignSelf": "flex-start",
-          "color": "#000000",
+          "color": "#24292E",
           "fontFamily": "EuclidCircularB-Regular",
           "fontSize": 14,
           "fontWeight": "100",

diff --git a/app/components/UI/AssetList/index.js b/app/components/UI/AssetList/index.js
@@ -1,10 +1,11 @@
 import React, { PureComponent } from 'react';
-import { Text, View, StyleSheet } from 'react-native';
+import { View, StyleSheet } from 'react-native';
 import PropTypes from 'prop-types';
 import { strings } from '../../../../locales/i18n';
 import StyledButton from '../StyledButton'; // eslint-disable-line  import/no-unresolved
 import AssetIcon from '../AssetIcon';
 import { fontStyles } from '../../../styles/common';
+import Text from '../../Base/Text';
 
 const styles = StyleSheet.create({
 	rowWrapper: {

diff --git a/app/components/UI/BiometryButton/__snapshots__/index.test.js.snap b/app/components/UI/BiometryButton/__snapshots__/index.test.js.snap
@@ -13,7 +13,7 @@ exports[`BiometryButton should render correctly 1`] = `
 >
   <Icon
     allowFontScaling={false}
-    color="#000000"
+    color="#24292E"
     name="ios-finger-print"
     size={28}
     style={

diff --git a/app/components/UI/CustomGas/__snapshots__/index.test.js.snap b/app/components/UI/CustomGas/__snapshots__/index.test.js.snap
@@ -27,7 +27,7 @@ exports[`CustomGas should render correctly 1`] = `
       <TouchableOpacity>
         <Icon
           allowFontScaling={false}
-          color="#000000"
+          color="#24292E"
           name="ios-arrow-back"
           size={24}
         />
@@ -36,7 +36,7 @@ exports[`CustomGas should render correctly 1`] = `
         style={
           Object {
             "alignSelf": "center",
-            "color": "#000000",
+            "color": "#24292E",
             "fontFamily": "EuclidCircularB-Bold",
             "fontSize": 14,
             "fontWeight": "600",
@@ -85,7 +85,7 @@ exports[`CustomGas should render correctly 1`] = `
         <Text
           style={
             Object {
-              "color": "#000000",
+              "color": "#24292E",
               "fontFamily": "EuclidCircularB-Regular",
               "fontSize": 14,
               "fontWeight": "400",
@@ -113,7 +113,7 @@ exports[`CustomGas should render correctly 1`] = `
         <Text
           style={
             Object {
-              "color": "#000000",
+              "color": "#24292E",
               "fontFamily": "EuclidCircularB-Regular",
               "fontSize": 14,
               "fontWeight": "400",
@@ -189,7 +189,7 @@ exports[`CustomGas should render correctly 1`] = `
           <Text
             style={
               Object {
-                "color": "#000000",
+                "color": "#24292E",
                 "fontFamily": "EuclidCircularB-Bold",
                 "fontSize": 10,
                 "fontWeight": "600",
@@ -214,7 +214,7 @@ exports[`CustomGas should render correctly 1`] = `
           style={
             Array [
               Object {
-                "color": "#000000",
+                "color": "#24292E",
                 "fontFamily": "EuclidCircularB-Regular",
                 "fontSize": 10,
                 "fontWeight": "400",
@@ -232,7 +232,7 @@ exports[`CustomGas should render correctly 1`] = `
         <Text
           style={
             Object {
-              "color": "#000000",
+              "color": "#24292E",
               "fontFamily": "EuclidCircularB-Regular",
               "fontSize": 10,
               "fontWeight": "400",
@@ -280,7 +280,7 @@ exports[`CustomGas should render correctly 1`] = `
           <Text
             style={
               Object {
-                "color": "#000000",
+                "color": "#24292E",
                 "fontFamily": "EuclidCircularB-Bold",
                 "fontSize": 10,
                 "fontWeight": "600",
@@ -305,7 +305,7 @@ exports[`CustomGas should render correctly 1`] = `
           style={
             Array [
               Object {
-                "color": "#000000",
+                "color": "#24292E",
                 "fontFamily": "EuclidCircularB-Regular",
                 "fontSize": 10,
                 "fontWeight": "400",
@@ -323,7 +323,7 @@ exports[`CustomGas should render correctly 1`] = `
         <Text
           style={
             Object {
-              "color": "#000000",
+              "color": "#24292E",
               "fontFamily": "EuclidCircularB-Regular",
               "fontSize": 10,
               "fontWeight": "400",
@@ -370,7 +370,7 @@ exports[`CustomGas should render correctly 1`] = `
           <Text
             style={
               Object {
-                "color": "#000000",
+                "color": "#24292E",
                 "fontFamily": "EuclidCircularB-Bold",
                 "fontSize": 10,
                 "fontWeight": "600",
@@ -395,7 +395,7 @@ exports[`CustomGas should render correctly 1`] = `
           style={
             Array [
               Object {
-                "color": "#000000",
+                "color": "#24292E",
                 "fontFamily": "EuclidCircularB-Regular",
                 "fontSize": 10,
                 "fontWeight": "400",
@@ -413,7 +413,7 @@ exports[`CustomGas should render correctly 1`] = `
         <Text
           style={
             Object {
-              "color": "#000000",
+              "color": "#24292E",
               "fontFamily": "EuclidCircularB-Regular",
               "fontSize": 10,
               "fontWeight": "400",
@@ -427,7 +427,7 @@ exports[`CustomGas should render correctly 1`] = `
     <Text
       style={
         Object {
-          "color": "#000000",
+          "color": "#24292E",
           "fontFamily": "EuclidCircularB-Regular",
           "fontSize": 12,
           "fontWeight": "400",
@@ -463,7 +463,7 @@ exports[`CustomGas should render correctly 1`] = `
       <Text
         style={
           Object {
-            "color": "#000000",
+            "color": "#24292E",
             "flex": 1,
             "fontFamily": "EuclidCircularB-Regular",
             "fontSize": 14,
@@ -488,7 +488,7 @@ exports[`CustomGas should render correctly 1`] = `
         <Text
           style={
             Object {
-              "color": "#000000",
+              "color": "#24292E",
               "fontFamily": "EuclidCircularB-Bold",
               "fontSize": 14,
               "fontWeight": "600",
@@ -514,7 +514,7 @@ exports[`CustomGas should render correctly 1`] = `
       <Text
         style={
           Object {
-            "color": "#000000",
+            "color": "#24292E",
             "flex": 1,
             "fontFamily": "EuclidCircularB-Regular",
             "fontSize": 14,
@@ -534,7 +534,7 @@ exports[`CustomGas should render correctly 1`] = `
             "borderColor": "#d6d9dc",
             "borderRadius": 8,
             "borderWidth": 1,
-            "color": "#000000",
+            "color": "#24292E",
             "flex": 1,
             "fontFamily": "EuclidCircularB-Bold",
             "fontSize": 14,
@@ -560,7 +560,7 @@ exports[`CustomGas should render correctly 1`] = `
       <Text
         style={
           Object {
-            "color": "#000000",
+            "color": "#24292E",
             "flex": 1,
             "fontFamily": "EuclidCircularB-Regular",
             "fontSize": 14,
@@ -580,7 +580,7 @@ exports[`CustomGas should render correctly 1`] = `
             "borderColor": "#d6d9dc",
             "borderRadius": 8,
             "borderWidth": 1,
-            "color": "#000000",
+            "color": "#24292E",
             "flex": 1,
             "fontFamily": "EuclidCircularB-Bold",
             "fontSize": 14,

diff --git a/app/components/UI/CustomNonceModal/__snapshots__/index.test.js.snap b/app/components/UI/CustomNonceModal/__snapshots__/index.test.js.snap
@@ -94,7 +94,7 @@ exports[`CustomNonceModal should render correctly 1`] = `
           strikethrough={false}
           style={
             Object {
-              "color": "#000000",
+              "color": "#24292E",
               "fontSize": 14,
             }
           }
@@ -128,7 +128,7 @@ exports[`CustomNonceModal should render correctly 1`] = `
             spellCheck={false}
             style={
               Object {
-                "color": "#000000",
+                "color": "#24292E",
                 "fontFamily": "EuclidCircularB-Bold",
                 "fontSize": 36,
                 "fontWeight": "600",
@@ -286,7 +286,7 @@ exports[`CustomNonceModal should render correctly 1`] = `
               strikethrough={false}
               style={
                 Object {
-                  "color": "#000000",
+                  "color": "#24292E",
                   "flex": 1,
                   "fontSize": 12,
                   "lineHeight": 16,
@@ -315,7 +315,7 @@ exports[`CustomNonceModal should render correctly 1`] = `
             strikethrough={false}
             style={
               Object {
-                "color": "#000000",
+                "color": "#24292E",
                 "fontSize": 12,
                 "lineHeight": 16,
                 "marginVertical": 10,
@@ -342,7 +342,7 @@ exports[`CustomNonceModal should render correctly 1`] = `
             strikethrough={false}
             style={
               Object {
-                "color": "#000000",
+                "color": "#24292E",
                 "fontSize": 12,
                 "lineHeight": 16,
                 "marginVertical": 10,

diff --git a/app/components/UI/Notification/BaseNotification/index.js b/app/components/UI/Notification/BaseNotification/index.js
@@ -1,12 +1,13 @@
 import React from 'react';
-import { TouchableOpacity, StyleSheet, View, Text } from 'react-native';
+import { TouchableOpacity, StyleSheet, View } from 'react-native';
 import PropTypes from 'prop-types';
 import { colors, fontStyles, baseStyles } from '../../../../styles/common';
 import MaterialIcon from 'react-native-vector-icons/MaterialCommunityIcons';
 import AnimatedSpinner from '../../AnimatedSpinner';
 import { strings } from '../../../../../locales/i18n';
 import IonicIcon from 'react-native-vector-icons/Ionicons';
 import AntIcon from 'react-native-vector-icons/AntDesign';
+import Text from '../../../Base/Text';
 
 const styles = StyleSheet.create({
 	defaultFlashFloating: {

diff --git a/app/components/UI/SlippageSlider/__snapshots__/index.test.js.snap b/app/components/UI/SlippageSlider/__snapshots__/index.test.js.snap
@@ -215,7 +215,7 @@ exports[`SlippageSlider should render correctly 1`] = `
           "bottom": 0,
           "height": 30,
           "position": "absolute",
-          "shadowColor": "#000000",
+          "shadowColor": "#24292E",
           "shadowOffset": Object {
             "height": 0,
             "width": 0,

diff --git a/app/components/UI/Tabs/__snapshots__/index.test.js.snap b/app/components/UI/Tabs/__snapshots__/index.test.js.snap
@@ -50,7 +50,7 @@ exports[`Tabs should render correctly 1`] = `
         "marginBottom": 0,
         "paddingHorizontal": 20,
         "paddingTop": 17,
-        "shadowColor": "#000000",
+        "shadowColor": "#24292E",
         "shadowOffset": Object {
           "height": 12,
           "width": 0,

diff --git a/app/components/UI/TransactionHeader/__snapshots__/index.test.js.snap b/app/components/UI/TransactionHeader/__snapshots__/index.test.js.snap
@@ -50,7 +50,7 @@ exports[`TransactionHeader should render correctly 1`] = `
     <Text
       style={
         Object {
-          "color": "#000000",
+          "color": "#24292E",
           "fontFamily": "EuclidCircularB-Bold",
           "fontSize": 14,
           "fontWeight": "600",
@@ -87,7 +87,7 @@ exports[`TransactionHeader should render correctly 1`] = `
     <Text
       style={
         Object {
-          "color": "#000000",
+          "color": "#24292E",
           "fontFamily": "EuclidCircularB-Regular",
           "fontSize": 12,
           "fontWeight": "400",

diff --git a/app/components/UI/TransactionReview/TransactionReviewData/__snapshots__/index.test.js.snap b/app/components/UI/TransactionReview/TransactionReviewData/__snapshots__/index.test.js.snap
@@ -29,7 +29,7 @@ exports[`TransactionReviewData should render correctly 1`] = `
     <TouchableOpacity>
       <Icon
         allowFontScaling={false}
-        color="#000000"
+        color="#24292E"
         name="ios-arrow-back"
         size={24}
       />
@@ -38,7 +38,7 @@ exports[`TransactionReviewData should render correctly 1`] = `
       style={
         Object {
           "alignSelf": "center",
-          "color": "#000000",
+          "color": "#24292E",
           "fontFamily": "EuclidCircularB-Bold",
           "fontSize": 14,
           "fontWeight": "600",
@@ -57,7 +57,7 @@ exports[`TransactionReviewData should render correctly 1`] = `
   <Text
     style={
       Object {
-        "color": "#000000",
+        "color": "#24292E",
         "fontFamily": "EuclidCircularB-Regular",
         "fontSize": 14,
         "fontWeight": "400",
@@ -92,7 +92,7 @@ exports[`TransactionReviewData should render correctly 1`] = `
         style={
           Array [
             Object {
-              "color": "#000000",
+              "color": "#24292E",
               "fontFamily": "EuclidCircularB-Regular",
               "fontSize": 14,
               "fontWeight": "400",
@@ -111,7 +111,7 @@ exports[`TransactionReviewData should render correctly 1`] = `
       <Text
         style={
           Object {
-            "color": "#000000",
+            "color": "#24292E",
             "fontFamily": "EuclidCircularB-Regular",
             "fontSize": 14,
             "fontWeight": "400",
@@ -123,7 +123,7 @@ exports[`TransactionReviewData should render correctly 1`] = `
       style={
         Array [
           Object {
-            "color": "#000000",
+            "color": "#24292E",
             "fontFamily": "EuclidCircularB-Regular",
             "fontSize": 14,
             "fontWeight": "400",
@@ -170,7 +170,7 @@ exports[`TransactionReviewData should render correctly 1`] = `
             style={
               Object {
                 "backgroundColor": "#FFFFFF",
-                "color": "#000000",
+                "color": "#24292E",
                 "fontFamily": "EuclidCircularB-Regular",
                 "fontSize": 14,
                 "fontWeight": "400",

diff --git a/...components/UI/TransactionReview/TransactionReviewSummary/__snapshots__/index.test.js.snap b/...components/UI/TransactionReview/TransactionReviewSummary/__snapshots__/index.test.js.snap
@@ -21,7 +21,7 @@ exports[`TransactionReviewSummary should render correctly 1`] = `
           "borderColor": "#848c96",
           "borderRadius": 12,
           "borderWidth": 1,
-          "color": "#000000",
+          "color": "#24292E",
           "fontFamily": "EuclidCircularB-Regular",
           "fontSize": 10,
           "fontWeight": "400",