From 7e20224726b379a6899a32639a94cd90bdd2455a Mon Sep 17 00:00:00 2001
From: benjacanas <benjamin.canas@bitlogic.io>
Date: Mon, 17 Jan 2022 12:12:28 -0300
Subject: [PATCH] fix colors blog & jobs

---
 src/components/BlogPage/BlogArticle/BlogArticle.scss | 2 +-
 src/components/JobsPage/JobsPage.scss                | 7 +++++++
 src/components/NavBar/NavBar.scss                    | 5 ++++-
 src/context/themeContext.js                          | 3 ++-
 src/styles/global.scss                               | 1 +
 src/templates/BlogItemDetail.scss                    | 4 +++-
 6 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/components/BlogPage/BlogArticle/BlogArticle.scss b/src/components/BlogPage/BlogArticle/BlogArticle.scss
index 5b2dd7a5..30a1154f 100644
--- a/src/components/BlogPage/BlogArticle/BlogArticle.scss
+++ b/src/components/BlogPage/BlogArticle/BlogArticle.scss
@@ -21,7 +21,7 @@
     width: 100%;
     height: 150px;
     padding: 0 15px;
-
+    color: $primary;
     h1,
     h2,
     h3,
diff --git a/src/components/JobsPage/JobsPage.scss b/src/components/JobsPage/JobsPage.scss
index bd63ea82..1aaebae3 100644
--- a/src/components/JobsPage/JobsPage.scss
+++ b/src/components/JobsPage/JobsPage.scss
@@ -30,6 +30,13 @@
     }
 }
 
+.cats-chevron {
+    color: $primary !important;
+    & path {
+        fill: $primary !important;
+    }
+}
+
 .widget-container {
     min-height: 65vh;
     margin-top: 20px !important;
diff --git a/src/components/NavBar/NavBar.scss b/src/components/NavBar/NavBar.scss
index c73208e6..fac6ec85 100644
--- a/src/components/NavBar/NavBar.scss
+++ b/src/components/NavBar/NavBar.scss
@@ -20,7 +20,7 @@
   margin-top: 2rem;
 }
 .NavBar__Item {
-  padding: 0.5rem 1rem;
+  padding: 0.5rem 0.5rem;
 }
 .NavBar__Link {
   text-decoration: none;
@@ -44,6 +44,8 @@
   color: #1ecad3;
 }
 
+
+
 @media screen and (min-width: 992px) {
   .NavBar__Logo {
     width: 143px;
@@ -61,6 +63,7 @@
   }
 }
 
+
 .theme-toggle-checkbox:checked + .theme-toggle-label .theme-toggle-ball{
   transform: translateX(24px);
 }
diff --git a/src/context/themeContext.js b/src/context/themeContext.js
index 1a0bb7cf..138c5612 100644
--- a/src/context/themeContext.js
+++ b/src/context/themeContext.js
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types'
 const themes = {
   light: {
     '--nav-footer-container': '#2a2c2e',
-
+    '--blog-card-container': '#f5f5f5',
     '--primary': '#000000',
     '--primary-hover': '#000000',
     '--primary-container': '#ffffff',
@@ -13,6 +13,7 @@ const themes = {
   },
   dark: {
     '--nav-footer-container': '#383838',
+    '--blog-card-container': '#383838',
 
     '--primary': '#ffffff',
     '--primary-hover': '#000000',
diff --git a/src/styles/global.scss b/src/styles/global.scss
index fbc54585..bb2449c1 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -4,6 +4,7 @@ $primary-font: "Roboto", sans-serif;
 $medium: 20px;
 
 $nav-footer-container: var(--nav-footer-container);
+$blog-card-container: var(--blog-card-container);
 
 $primary: var(--primary);
 $primary-hover: var(--primary-hover);
diff --git a/src/templates/BlogItemDetail.scss b/src/templates/BlogItemDetail.scss
index 0db90f7c..0b4b6404 100644
--- a/src/templates/BlogItemDetail.scss
+++ b/src/templates/BlogItemDetail.scss
@@ -17,6 +17,7 @@
       flex-direction: column;
       justify-content: center;
       align-items: center;
+      
     }
 
   &__description {
@@ -106,7 +107,8 @@
     max-width: 420px;
     padding: 15px;
     margin: 20px 0;
-    background: $grey-light;
+    background: $blog-card-container;
+    border-radius: 5px;
     box-shadow: 0 3px 7px -1px rgba(#000, 0.1);
     overflow: hidden;
     z-index: 0;