style: improve more contrast errors

Hugomndez · Aug 21, 2022 · a892d34 · a892d34
1 parent bd6bc70
commit a892d34
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 12 deletions.
diff --git a/src/components/Exchange/Exchange.module.css b/src/components/Exchange/Exchange.module.css
@@ -64,15 +64,21 @@
   font-style: normal;
   font-weight: bold;
   line-height: 2.3rem;
-  color: #ff9536;
+  color: var(--subtitle);
+  padding: 8px;
+  border-radius: 8px;
+  background-color: var(--soft-orange);
 }
 .comisionesTableTitle {
   margin-bottom: 15px;
   font-size: 1.8rem;
   font-style: normal;
   font-weight: bold;
   line-height: 2.3rem;
-  color: var(--secundary-blue);
+  color: var(--subtitle);
+  padding: 8px;
+  border-radius: 8px;
+  background-color: var(--soft-blue);
 }
 .currencyTableContainer,
 .comisionesTableContainer {
@@ -144,7 +150,7 @@
   font-size: 1.2rem;
   font-weight: 300;
   line-height: 1.5rem;
-  color: var(--warm-black);
+  color: #6a6a6a;
 }
 
 .currencyDateBg {

diff --git a/src/components/LocaleOptions/LocaleOptions.module.css b/src/components/LocaleOptions/LocaleOptions.module.css
@@ -13,7 +13,7 @@
   font-style: normal;
   line-height: 1.8rem;
   margin-bottom: 4px;
-  color: var(--just-white);
+  color: var(--warm-black);
 }
 
 .section a {
@@ -23,15 +23,15 @@
   line-height: 1.8rem;
   padding: 4px;
   text-decoration: none;
-  color: var(--just-white);
+  color: var(--warm-black);
 }
 
 .section a:hover,
 .section a:active,
 .section a:focus {
-  border: 1px solid var(--just-white);
+  border: 1px solid var(--warm-black);
 }
 
 .active {
-  border: 1px solid var(--just-white);
+  border: 1px solid var(--warm-black);
 }
diff --git a/src/components/Plans/Plans.module.css b/src/components/Plans/Plans.module.css
@@ -63,11 +63,12 @@
   padding: 6px;
   top: -15px;
   left: calc(50% - 60px);
+  font-family: var(--Secondary-FF);
   font-size: 1.2rem;
   border-radius: 8px;
   font-style: normal;
   font-weight: bold;
-  color: var(--just-white);
+  color: var(--warm-black);
   background-color: var(--bitcoin-orange);
 }
 
@@ -121,4 +122,5 @@
 
 .cardCtaIcon {
   vertical-align: middle;
+  margin-left: 5px;
 }
diff --git a/src/components/Poster/Poster.module.css b/src/components/Poster/Poster.module.css
@@ -24,4 +24,5 @@
   font-weight: bold;
   line-height: 2.6rem;
   color: var(--just-white);
+  text-shadow: 1px 1px 2px black;
 }
diff --git a/src/layout/Footer/Footer.module.css b/src/layout/Footer/Footer.module.css
@@ -26,5 +26,5 @@
 
 .a {
   text-decoration: none;
-  color: var(--just-white);
+  color: var(--warm-black);
 }
diff --git a/src/layout/Header/Header.module.css b/src/layout/Header/Header.module.css
@@ -7,7 +7,7 @@
   min-width: 320px;
   height: 334px;
   text-align: center;
-  background: linear-gradient(207.8deg, #201e1c 16.69%, #f7931a 100%);
+  background: linear-gradient(207.8deg, #201e1c 16.69%, #ff9933 100%);
 }
 
 .logo {

diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -1,8 +1,8 @@
 :root {
   /* Colors */
-  --bitcoin-orange: #f7931a;
+  --bitcoin-orange: #ff9933;
   --soft-orange: #ffe9d5;
-  --secundary-blue: #1a9af7;
+  --secundary-blue: #1a63f7; /*#1a9af7*/
   --soft-blue: #e7f5ff;
   --warm-black: #201e1c;
   --black: #282623;