From 4605cd2609e46d2a91c40077ef9cbf0ee9c0360c Mon Sep 17 00:00:00 2001 From: Jerel Miller Date: Mon, 17 Aug 2020 10:58:29 -0700 Subject: [PATCH] fix: update brand colors to latest palette --- src/components/Logo.module.scss | 4 ++-- src/pages/developer-champion.module.scss | 6 +++--- src/pages/kubecon-europe-2020.module.scss | 14 -------------- 3 files changed, 5 insertions(+), 19 deletions(-) diff --git a/src/components/Logo.module.scss b/src/components/Logo.module.scss index abe1fa7dc..9b61abf46 100644 --- a/src/components/Logo.module.scss +++ b/src/components/Logo.module.scss @@ -7,12 +7,12 @@ } .brackets { - stroke: var(--logo-bracket-color, var(--color-brand-800)); + stroke: var(--logo-bracket-color, var(--color-brand-500)); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; :global(.dark-mode) & { - stroke: var(--logo-bracket-color, var(--color-brand-400)); + stroke: var(--logo-bracket-color, var(--color-brand-300)); } } diff --git a/src/pages/developer-champion.module.scss b/src/pages/developer-champion.module.scss index 6f3902976..f0bf866bd 100644 --- a/src/pages/developer-champion.module.scss +++ b/src/pages/developer-champion.module.scss @@ -10,7 +10,7 @@ grid-gap: 2rem; @media (max-width: 760px) { - grid-template-columns: 1fr + grid-template-columns: 1fr; } } @@ -35,7 +35,7 @@ margin: auto; @media (max-width: 760px) { - margin-bottom: 40px; + margin-bottom: 40px; } } @@ -43,7 +43,7 @@ --feather-icon-stroke-width: 1; margin-bottom: 2rem; - color: var(--color-brand-400); + color: var(--color-brand-500); } .nominateButton { diff --git a/src/pages/kubecon-europe-2020.module.scss b/src/pages/kubecon-europe-2020.module.scss index a5b2fbade..c2d6f7f30 100644 --- a/src/pages/kubecon-europe-2020.module.scss +++ b/src/pages/kubecon-europe-2020.module.scss @@ -38,15 +38,6 @@ } } -.pointIcon { - --feather-icon-stroke-width: 1; - - margin: auto; - margin-bottom: 10px; - display: block; - color: var(--color-brand-800); -} - .externalLinkIcon { margin-left: 0.5rem; } @@ -58,8 +49,3 @@ .highlightDiv { margin: auto; } - -.highlightText { - color: var(--color-brand-800); - text-align: center; -}