From a66ffa38172660117c077e5f282a354efaace0e3 Mon Sep 17 00:00:00 2001
From: yolit-bitlogic <yolitzareth.zacarias@bitlogic.io>
Date: Mon, 17 Jan 2022 13:25:32 -0300
Subject: [PATCH 1/2] fix bugs

---
 src/components/Banners/BannerLogo.js          |  2 ++
 .../BlogPage/BlogGrid/BlogGrid.scss           |  2 +-
 src/components/JobsPage/JobsPage.scss         | 16 +++++++---
 src/context/themeContext.js                   | 32 +++++++++++--------
 src/styles/global.scss                        |  3 ++
 5 files changed, 36 insertions(+), 19 deletions(-)

diff --git a/src/components/Banners/BannerLogo.js b/src/components/Banners/BannerLogo.js
index 38f3eca5..d0aa8bf8 100644
--- a/src/components/Banners/BannerLogo.js
+++ b/src/components/Banners/BannerLogo.js
@@ -23,6 +23,8 @@ const BannerLogo = ({ banner, title }) => {
   const imagenDM = getImage(imageDarkMode?.localFile)
   const logoDM = getImage(logoDarkMode?.localFile)
 
+  console.log(logoDM)
+
   return (
     <>
       {theme === "dark" && imagenDM && logoDM ? (
diff --git a/src/components/BlogPage/BlogGrid/BlogGrid.scss b/src/components/BlogPage/BlogGrid/BlogGrid.scss
index 42da018a..66a897f2 100644
--- a/src/components/BlogPage/BlogGrid/BlogGrid.scss
+++ b/src/components/BlogPage/BlogGrid/BlogGrid.scss
@@ -10,7 +10,7 @@
         h3 {
             padding-left: 5px;
             font-size: $medium;
-            color: $black;
+            color: $primary;
         }
     }
 }
diff --git a/src/components/JobsPage/JobsPage.scss b/src/components/JobsPage/JobsPage.scss
index 1ac920f8..c4a87067 100644
--- a/src/components/JobsPage/JobsPage.scss
+++ b/src/components/JobsPage/JobsPage.scss
@@ -2,17 +2,20 @@
 
 .cats-job-title {
   a {
-    color: rgb(86, 130, 198);
-    font-weight: 700;
+    color: $title-jobs;
+    font-weight: 700;    
   }
 }
 
 .cats-multiselect-label {
   color: $primary !important;
 }
+.cats-multiselect-label-block {
+  border: 2px solid $border-bottom !important;
+}
 
 .cats-job {
-  border-bottom: 1px solid #cdcdcd;
+  border-bottom: 1px solid $border-bottom !important;
   padding-left: 15px !important;
   > div {
     overflow-x: hidden !important;
@@ -22,10 +25,10 @@
   }
 
   &:hover {
-    background: #f0f0f0 !important;
+    background: $jobs-hover !important;
     cursor: pointer;
     & .cats-job-column-value {
-      color: $primary-hover !important;
+      color: $primary !important;
     }
   }
 }
@@ -49,6 +52,9 @@
 
 .cats-column-header {
   padding-left: 15px !important;
+  border-bottom: 2px solid $border-bottom !important;
+  border-top: 2px solid $border-bottom !important;
+
 }
 
 .banner__head {
diff --git a/src/context/themeContext.js b/src/context/themeContext.js
index 138c5612..e5900f49 100644
--- a/src/context/themeContext.js
+++ b/src/context/themeContext.js
@@ -3,24 +3,30 @@ import PropTypes from 'prop-types'
 
 const themes = {
   light: {
-    '--nav-footer-container': '#2a2c2e',
-    '--blog-card-container': '#f5f5f5',
-    '--primary': '#000000',
-    '--primary-hover': '#000000',
-    '--primary-container': '#ffffff',
+    "--nav-footer-container": "#2a2c2e",
+    "--blog-card-container": "#f5f5f5",
+    "--primary": "#000000",
+    "--primary-hover": "#000000",
+    "--primary-container": "#ffffff",
+    "--title-jobs": "#5682c6",
+    "--jobs-hover": "#f0f0f0",
 
-    '--secondary-container': '#25cad3',
+    "--secondary-container": "#25cad3",
+    "--border-bottom": "#cdcdcd",
   },
   dark: {
-    '--nav-footer-container': '#383838',
-    '--blog-card-container': '#383838',
+    "--nav-footer-container": "#383838",
+    "--blog-card-container": "#383838",
 
-    '--primary': '#ffffff',
-    '--primary-hover': '#000000',
-    '--primary-container': '#292929',
+    "--primary": "#ffffff",
+    "--primary-hover": "#000000",
+    "--primary-container": "#292929",
+    "--border-bottom": "#565656",
+    "--title-jobs": "#1ecad3",
+    "--jobs-hover": "#8383833b",
 
-    '--secondary-container': '#191919',
-  }
+    "--secondary-container": "#191919",
+  },
 }
 
 const ThemeContext = createContext(null)
diff --git a/src/styles/global.scss b/src/styles/global.scss
index bb2449c1..2d32e00d 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -12,6 +12,9 @@ $primary-container: var(--primary-container);
 
 $secondary: var(--secondary);
 $secondary-container: var(--secondary-container);
+$border-bottom: var(--border-bottom);
+$title-jobs: var(--title-jobs);
+$jobs-hover: var(--jobs-hover);
 
 main {
   background-color: $primary-container !important;

From 715b5be9045e8dd99fa576f7a05c4e6e9b089d52 Mon Sep 17 00:00:00 2001
From: yolit-bitlogic <88732226+yolit-bitlogic@users.noreply.github.com>
Date: Mon, 17 Jan 2022 13:26:56 -0300
Subject: [PATCH 2/2] Delete consoleLog

---
 src/components/Banners/BannerLogo.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/components/Banners/BannerLogo.js b/src/components/Banners/BannerLogo.js
index d0aa8bf8..38f3eca5 100644
--- a/src/components/Banners/BannerLogo.js
+++ b/src/components/Banners/BannerLogo.js
@@ -23,8 +23,6 @@ const BannerLogo = ({ banner, title }) => {
   const imagenDM = getImage(imageDarkMode?.localFile)
   const logoDM = getImage(logoDarkMode?.localFile)
 
-  console.log(logoDM)
-
   return (
     <>
       {theme === "dark" && imagenDM && logoDM ? (