diff --git a/src/components/JobsPage/JobsPage.scss b/src/components/JobsPage/JobsPage.scss index cfafbe7d..bd63ea82 100644 --- a/src/components/JobsPage/JobsPage.scss +++ b/src/components/JobsPage/JobsPage.scss @@ -7,25 +7,33 @@ } } +.cats-multiselect-label{ + color: $primary !important; +} + .cats-job { border-bottom: 1px solid #cdcdcd; padding-left: 15px !important; - >div{ overflow-x: hidden !important; } - + &-column-value{ + color: $primary !important; + } &:hover { - background-color: #faf5f5 !important; + background: #f0f0f0 !important; cursor: pointer; + & .cats-job-column-value{ + color: $primary-hover !important; + } } } .widget-container { min-height: 65vh; margin-top: 20px !important; - margin-bottom: 70px !important; + padding-bottom: 70px !important; } .cats-powered-by { diff --git a/src/context/themeContext.js b/src/context/themeContext.js index ab1c23fd..1a0bb7cf 100644 --- a/src/context/themeContext.js +++ b/src/context/themeContext.js @@ -6,6 +6,7 @@ const themes = { '--nav-footer-container': '#2a2c2e', '--primary': '#000000', + '--primary-hover': '#000000', '--primary-container': '#ffffff', '--secondary-container': '#25cad3', @@ -14,6 +15,7 @@ const themes = { '--nav-footer-container': '#383838', '--primary': '#ffffff', + '--primary-hover': '#000000', '--primary-container': '#292929', '--secondary-container': '#191919', diff --git a/src/styles/global.scss b/src/styles/global.scss index dda337d5..fbc54585 100644 --- a/src/styles/global.scss +++ b/src/styles/global.scss @@ -6,6 +6,7 @@ $medium: 20px; $nav-footer-container: var(--nav-footer-container); $primary: var(--primary); +$primary-hover: var(--primary-hover); $primary-container: var(--primary-container); $secondary: var(--secondary);