From 80d4d178b61c0df31ef90a7f271b718bc5f819bb Mon Sep 17 00:00:00 2001 From: Jean-Philippe Sirois Date: Wed, 9 Oct 2019 00:26:14 -0400 Subject: [PATCH] ui: a11y fix for header active color --- src/components/Header/styles.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/Header/styles.tsx b/src/components/Header/styles.tsx index ea79b75..82c3073 100644 --- a/src/components/Header/styles.tsx +++ b/src/components/Header/styles.tsx @@ -154,7 +154,7 @@ export const MenuItem = styled(Link)` &:hover ${MenuItemLine} { padding: 8px; height: 100%; - background: #cf2e7d; + background: #dd66a1; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1), 0 5px 11px rgba(0, 0, 0, 0.25); margin-left: -8px; margin-bottom: -8px; @@ -175,10 +175,10 @@ export const MenuItem = styled(Link)` &.active { font-weight: 700; - color: #cf2e7d; + color: #dd66a1; ${MenuItemLine} { - background: #cf2e7d; + background: #dd66a1; } &:hover { @@ -186,7 +186,7 @@ export const MenuItem = styled(Link)` } &:hover ${MenuItemLine} { - background: #cf2e7d; + background: #dd66a1; } } `