Make text darker

oasisprotocol · May 10, 2023 · 6fdbacf · 6fdbacf
1 parent d1ac04e
commit 6fdbacf
Show file tree

Hide file tree

Showing 15 changed files with 71 additions and 66 deletions.
diff --git a/src/app/components/AddEscrowForm/__tests__/__snapshots__/index.test.tsx.snap b/src/app/components/AddEscrowForm/__tests__/__snapshots__/index.test.tsx.snap
@@ -24,7 +24,7 @@ exports[`<AddEscrowForm /> should match snapshot 1`] = `
   box-sizing: border-box;
   max-width: 100%;
   background-color: #FFFFFF;
-  color: #444444;
+  color: #16213E;
   min-width: 0;
   min-height: 0;
   -webkit-flex-direction: column;
@@ -55,12 +55,12 @@ exports[`<AddEscrowForm /> should match snapshot 1`] = `
   text-transform: none;
   border: 2px solid #0092f6;
   border-radius: 4px;
-  color: #444444;
+  color: #16213E;
   padding: 4px 22px;
   font-size: 18px;
   line-height: 24px;
   background-color: #0092f6;
-  color: #f8f8f8;
+  color: #F8F8F8;
   border-radius: 4px;
   -webkit-transition-property: color,background-color,border-color,box-shadow;
   transition-property: color,background-color,border-color,box-shadow;
@@ -184,7 +184,7 @@ exports[`<AddEscrowForm /> should match snapshot 1`] = `
   font-size: 18px;
   line-height: 24px;
   background-color: #ffffff;
-  color: #444444;
+  color: #16213E;
   box-sizing: border-box;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;

diff --git a/src/app/components/FatalErrorHandler/__tests__/__snapshots__/index.test.tsx.snap b/src/app/components/FatalErrorHandler/__tests__/__snapshots__/index.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`<FatalErrorHandler /> should be null without an error 1`] = `
   font-size: 18px;
   line-height: 24px;
   background-color: #ffffff;
-  color: #444444;
+  color: #16213E;
   box-sizing: border-box;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;

diff --git a/src/app/components/ReclaimEscrowForm/__tests__/__snapshots__/index.test.tsx.snap b/src/app/components/ReclaimEscrowForm/__tests__/__snapshots__/index.test.tsx.snap
@@ -24,7 +24,7 @@ exports[`<ReclaimEscrowForm /> should match snapshot 1`] = `
   box-sizing: border-box;
   max-width: 100%;
   background-color: #FFFFFF;
-  color: #444444;
+  color: #16213E;
   min-width: 0;
   min-height: 0;
   -webkit-flex-direction: column;
@@ -70,12 +70,12 @@ exports[`<ReclaimEscrowForm /> should match snapshot 1`] = `
   text-transform: none;
   border: 2px solid #0092f6;
   border-radius: 4px;
-  color: #444444;
+  color: #16213E;
   padding: 4px 22px;
   font-size: 18px;
   line-height: 24px;
   background-color: #0092f6;
-  color: #f8f8f8;
+  color: #F8F8F8;
   border-radius: 4px;
   -webkit-transition-property: color,background-color,border-color,box-shadow;
   transition-property: color,background-color,border-color,box-shadow;
@@ -140,7 +140,7 @@ exports[`<ReclaimEscrowForm /> should match snapshot 1`] = `
   text-transform: none;
   border: 2px solid #0092f6;
   border-radius: 4px;
-  color: #444444;
+  color: #16213E;
   padding: 4px 22px;
   font-size: 18px;
   line-height: 24px;
@@ -268,7 +268,7 @@ exports[`<ReclaimEscrowForm /> should match snapshot 1`] = `
   font-size: 18px;
   line-height: 24px;
   background-color: #ffffff;
-  color: #444444;
+  color: #16213E;
   box-sizing: border-box;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;

diff --git a/...components/Toolbar/Features/AccountSelector/__tests__/__snapshots__/Account.test.tsx.snap b/...components/Toolbar/Features/AccountSelector/__tests__/__snapshots__/Account.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`<Account  /> should match snapshot 1`] = `
   font-size: 18px;
   line-height: 24px;
   background-color: #ffffff;
-  color: #444444;
+  color: #16213E;
   box-sizing: border-box;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;

diff --git a/...p/components/Toolbar/Features/AccountSelector/__tests__/__snapshots__/index.test.tsx.snap b/...p/components/Toolbar/Features/AccountSelector/__tests__/__snapshots__/index.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`<AccountSelector  /> should match snapshot 1`] = `
   font-size: 18px;
   line-height: 24px;
   background-color: #ffffff;
-  color: #444444;
+  color: #16213E;
   box-sizing: border-box;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
@@ -192,7 +192,7 @@ exports[`<AccountSelector  /> should match snapshot 1`] = `
   font-size: 18px;
   line-height: 24px;
   background-color: #ffffff;
-  color: #444444;
+  color: #16213E;
   box-sizing: border-box;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
@@ -217,7 +217,7 @@ exports[`<AccountSelector  /> should match snapshot 1`] = `
   right: 0px;
   bottom: 0px;
   background-color: rgba(0,0,0,0.5);
-  color: #f8f8f8;
+  color: #F8F8F8;
   pointer-events: all;
   will-change: transform;
 }
@@ -232,7 +232,7 @@ exports[`<AccountSelector  /> should match snapshot 1`] = `
   flex-direction: column;
   min-height: 48px;
   background-color: #FFFFFF;
-  color: #444444;
+  color: #16213E;
   outline: none;
   pointer-events: all;
   z-index: 20;
@@ -278,12 +278,12 @@ exports[`<AccountSelector  /> should match snapshot 1`] = `
   text-transform: none;
   border: 2px solid #0092f6;
   border-radius: 4px;
-  color: #444444;
+  color: #16213E;
   padding: 4px 22px;
   font-size: 18px;
   line-height: 24px;
   background-color: #0092f6;
-  color: #f8f8f8;
+  color: #F8F8F8;
   border-radius: 4px;
   -webkit-transition-property: color,background-color,border-color,box-shadow;
   transition-property: color,background-color,border-color,box-shadow;

diff --git a/src/app/components/Toolbar/__tests__/__snapshots__/index.test.tsx.snap b/src/app/components/Toolbar/__tests__/__snapshots__/index.test.tsx.snap
@@ -38,7 +38,7 @@ exports[`<Toolbar  /> should match snapshot 1`] = `
   font-size: 18px;
   line-height: 24px;
   background-color: #ffffff;
-  color: #444444;
+  color: #16213E;
   box-sizing: border-box;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
@@ -87,7 +87,7 @@ exports[`<Toolbar  /> should match snapshot 1`] = `
   box-sizing: border-box;
   max-width: 100%;
   background-color: transparent;
-  color: #444444;
+  color: #16213E;
   border: solid none #EDEDED;
   min-width: 0;
   min-height: 0;

diff --git a/src/app/pages/AccountPage/__tests__/__snapshots__/index.test.tsx.snap b/src/app/pages/AccountPage/__tests__/__snapshots__/index.test.tsx.snap
@@ -38,7 +38,7 @@ exports[`<AccountPage  /> should match snapshot 1`] = `
   font-size: 18px;
   line-height: 24px;
   background-color: #ffffff;
-  color: #444444;
+  color: #16213E;
   box-sizing: border-box;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
@@ -84,7 +84,7 @@ exports[`<AccountPage  /> should match snapshot 1`] = `
   box-sizing: border-box;
   max-width: 100%;
   background-color: rgba(194,245,234,1);
-  color: #444444;
+  color: #16213E;
   border-left: solid 3px #2ad5ab;
   min-width: 0;
   min-height: 0;
@@ -125,7 +125,7 @@ exports[`<AccountPage  /> should match snapshot 1`] = `
   box-sizing: border-box;
   max-width: 100%;
   background-color: #FFFFFF;
-  color: #444444;
+  color: #16213E;
   border: solid 1px #EDEDED;
   min-width: 0;
   min-height: 0;
@@ -188,7 +188,7 @@ exports[`<AccountPage  /> should match snapshot 1`] = `
   -ms-flex-align: center;
   align-items: center;
   background-color: #0092f6;
-  color: #f8f8f8;
+  color: #F8F8F8;
   min-width: 0;
   min-height: 0;
   -webkit-flex-direction: column;
@@ -331,7 +331,7 @@ exports[`<AccountPage  /> should match snapshot 1`] = `
   box-sizing: border-box;
   max-width: 100%;
   background-color: #FFFFFF;
-  color: #444444;
+  color: #16213E;
   border: solid 1px #EDEDED;
   min-width: 0;
   min-height: 0;
@@ -367,7 +367,7 @@ exports[`<AccountPage  /> should match snapshot 1`] = `
   margin-top: 12px;
   margin-bottom: 12px;
   background-color: #FFFFFF;
-  color: #444444;
+  color: #16213E;
   min-width: 0;
   min-height: 0;
   -webkit-flex-direction: row;
@@ -599,12 +599,12 @@ exports[`<AccountPage  /> should match snapshot 1`] = `
   text-transform: none;
   border: 2px solid #0092f6;
   border-radius: 4px;
-  color: #444444;
+  color: #16213E;
   padding: 4px 22px;
   font-size: 18px;
   line-height: 24px;
   background-color: #0092f6;
-  color: #f8f8f8;
+  color: #F8F8F8;
   border-radius: 4px;
   -webkit-transition-property: color,background-color,border-color,box-shadow;
   transition-property: color,background-color,border-color,box-shadow;

diff --git a/src/app/pages/CreateWalletPage/__tests__/__snapshots__/index.test.tsx.snap b/src/app/pages/CreateWalletPage/__tests__/__snapshots__/index.test.tsx.snap
@@ -8,8 +8,8 @@ exports[`<CreateWalletPage  /> should match snapshot 1`] = `
   flex: 0 0 auto;
   width: 24px;
   height: 24px;
-  fill: #f8f8f8;
-  stroke: #f8f8f8;
+  fill: #F8F8F8;
+  stroke: #F8F8F8;
 }
 
 .c12 g {
@@ -41,7 +41,7 @@ exports[`<CreateWalletPage  /> should match snapshot 1`] = `
   box-sizing: border-box;
   max-width: 100%;
   background-color: #FFFFFF;
-  color: #444444;
+  color: #16213E;
   min-width: 0;
   min-height: 0;
   -webkit-flex-direction: column;
@@ -58,7 +58,7 @@ exports[`<CreateWalletPage  /> should match snapshot 1`] = `
   max-width: 100%;
   margin: 6px;
   background-color: #11111108;
-  color: #444444;
+  color: #16213E;
   min-width: 0;
   min-height: 0;
   -webkit-flex-direction: column;
@@ -116,7 +116,7 @@ exports[`<CreateWalletPage  /> should match snapshot 1`] = `
   box-sizing: border-box;
   max-width: 100%;
   background-color: #FFFFFF;
-  color: #444444;
+  color: #16213E;
   min-width: 0;
   min-height: 0;
   -webkit-flex-direction: column;
@@ -155,7 +155,7 @@ exports[`<CreateWalletPage  /> should match snapshot 1`] = `
   box-sizing: border-box;
   max-width: 100%;
   background-color: rgba(243,212,94,1);
-  color: #444444;
+  color: #16213E;
   border-left: solid 3px #f0e8cb;
   min-width: 0;
   min-height: 0;
@@ -281,7 +281,7 @@ exports[`<CreateWalletPage  /> should match snapshot 1`] = `
   max-width: 100%;
   margin: 6px;
   background-color: #11111108;
-  color: #444444;
+  color: #16213E;
   border-bottom: solid 1px rgba(0,0,0,0.33);
   min-width: 0;
   min-height: 0;
@@ -374,12 +374,12 @@ exports[`<CreateWalletPage  /> should match snapshot 1`] = `
   text-transform: none;
   border: 2px solid #0092f6;
   border-radius: 4px;
-  color: #444444;
+  color: #16213E;
   padding: 4px 22px;
   font-size: 18px;
   line-height: 24px;
   background-color: #0092f6;
-  color: #f8f8f8;
+  color: #F8F8F8;
   border-radius: 4px;
   -webkit-transition-property: color,background-color,border-color,box-shadow;
   transition-property: color,background-color,border-color,box-shadow;
@@ -444,12 +444,12 @@ exports[`<CreateWalletPage  /> should match snapshot 1`] = `
   text-transform: none;
   border: 2px solid #0092f6;
   border-radius: 4px;
-  color: #444444;
+  color: #16213E;
   padding: 4px 22px;
   font-size: 18px;
   line-height: 24px;
   background-color: #0092f6;
-  color: #f8f8f8;
+  color: #F8F8F8;
   border-radius: 4px;
   opacity: 0.3;
   cursor: default;
@@ -559,7 +559,7 @@ exports[`<CreateWalletPage  /> should match snapshot 1`] = `
   font-size: 18px;
   line-height: 24px;
   background-color: #ffffff;
-  color: #444444;
+  color: #16213E;
   box-sizing: border-box;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;

diff --git a/...pp/pages/OpenWalletPage/Features/FromMnemonic/__tests__/__snapshots__/index.test.tsx.snap b/...pp/pages/OpenWalletPage/Features/FromMnemonic/__tests__/__snapshots__/index.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`<FromMnemonic/> should match snapshot 1`] = `
   font-size: 18px;
   line-height: 24px;
   background-color: #ffffff;
-  color: #444444;
+  color: #16213E;
   box-sizing: border-box;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
@@ -23,7 +23,7 @@ exports[`<FromMnemonic/> should match snapshot 1`] = `
   max-width: 100%;
   margin: 12px;
   background-color: #FFFFFF;
-  color: #444444;
+  color: #16213E;
   border: solid 1px #EDEDED;
   min-width: 0;
   min-height: 0;
@@ -87,7 +87,7 @@ exports[`<FromMnemonic/> should match snapshot 1`] = `
   box-sizing: border-box;
   max-width: 100%;
   background-color: #11111108;
-  color: #444444;
+  color: #16213E;
   min-width: 0;
   min-height: 0;
   -webkit-flex-direction: column;
@@ -104,7 +104,7 @@ exports[`<FromMnemonic/> should match snapshot 1`] = `
   max-width: 100%;
   margin: 6px;
   background-color: #11111108;
-  color: #444444;
+  color: #16213E;
   border-bottom: solid 1px rgba(0,0,0,0.33);
   min-width: 0;
   min-height: 0;
@@ -175,12 +175,12 @@ exports[`<FromMnemonic/> should match snapshot 1`] = `
   text-transform: none;
   border: 2px solid #0092f6;
   border-radius: 4px;
-  color: #444444;
+  color: #16213E;
   padding: 4px 22px;
   font-size: 18px;
   line-height: 24px;
   background-color: #0092f6;
-  color: #f8f8f8;
+  color: #F8F8F8;
   border-radius: 4px;
   -webkit-transition-property: color,background-color,border-color,box-shadow;
   transition-property: color,background-color,border-color,box-shadow;