From a892d34fa0829fb25033a5c0b5231a829e00b3ff Mon Sep 17 00:00:00 2001
From: Hugomndez <hello@hugomendez.dev>
Date: Sun, 21 Aug 2022 12:51:51 -0500
Subject: [PATCH] style: improve more contrast errors

---
 src/components/Exchange/Exchange.module.css          | 12 +++++++++---
 .../LocaleOptions/LocaleOptions.module.css           |  8 ++++----
 src/components/Plans/Plans.module.css                |  4 +++-
 src/components/Poster/Poster.module.css              |  1 +
 src/layout/Footer/Footer.module.css                  |  2 +-
 src/layout/Header/Header.module.css                  |  2 +-
 src/styles/globals.css                               |  4 ++--
 7 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/src/components/Exchange/Exchange.module.css b/src/components/Exchange/Exchange.module.css
index 0ac6bd6..7e042a4 100644
--- a/src/components/Exchange/Exchange.module.css
+++ b/src/components/Exchange/Exchange.module.css
@@ -64,7 +64,10 @@
   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;
@@ -72,7 +75,10 @@
   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
index 9196811..9b6a937 100644
--- 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
index 19046f3..b423f92 100644
--- 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
index ceb96ec..6762c57 100644
--- 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
index d8aa3f7..ee4b23c 100644
--- 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
index 3b0e54d..60ba47f 100644
--- 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
index ad820fd..bb9c7a4 100644
--- 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;