diff --git a/src/components/LogosSection/logosSection.scss b/src/components/LogosSection/logosSection.scss index ffe82cb7..45e6baba 100644 --- a/src/components/LogosSection/logosSection.scss +++ b/src/components/LogosSection/logosSection.scss @@ -13,7 +13,7 @@ font-weight: 400; text-align: center; line-height: 33px; - color: rgba(0, 0, 0, 0.5); + color: $summary-color } &__logos { margin-top: 10px; diff --git a/src/components/Professionals/Professionals.js b/src/components/Professionals/Professionals.js index cf95e3a0..68867583 100644 --- a/src/components/Professionals/Professionals.js +++ b/src/components/Professionals/Professionals.js @@ -30,7 +30,7 @@ const Professionals = ({ data }) => {
{name}
- {linkedin && } + {linkedin && }
{position}

"{quote}"

diff --git a/src/components/Professionals/Professionals.scss b/src/components/Professionals/Professionals.scss index d0ec2107..f6a3a369 100644 --- a/src/components/Professionals/Professionals.scss +++ b/src/components/Professionals/Professionals.scss @@ -5,7 +5,7 @@ font-weight: 400; text-align: center; line-height: 33px; - color: rgba(0, 0, 0, 0.5); + color: $summary-color; } p { margin-bottom: 10px; diff --git a/src/context/themeContext.js b/src/context/themeContext.js index 7d1b846f..f6b28014 100644 --- a/src/context/themeContext.js +++ b/src/context/themeContext.js @@ -17,6 +17,7 @@ const themes = { "--border-bottom": "#cdcdcd", "--bg-form": "#DBDBDD", "--bg-diagonal": "#f2f0f7", + "--summary-color": "rgba(0, 0, 0, 0.5)" }, dark: { "--nav-footer-container": "#383838", @@ -34,6 +35,7 @@ const themes = { "--secondary-container": "#191919", "--bg-form": "#FAF8F8", "--bg-diagonal": "#4A494B", + "--summary-color": "#ffffff", }, } diff --git a/src/styles/global.scss b/src/styles/global.scss index fdbcef0b..64eef92c 100644 --- a/src/styles/global.scss +++ b/src/styles/global.scss @@ -22,6 +22,8 @@ $jobs-hover: var(--jobs-hover); $bg-form: var(--bg-form); $bg-diagonal: var(--bg-diagonal); +$summary-color: var(--summary-color); + main { background-color: $primary-container !important; }