From dcd238f7012eabec6b194c4ba8f99578fc845e8a Mon Sep 17 00:00:00 2001 From: Travis Kohlbeck Date: Mon, 7 Sep 2020 19:12:57 -0400 Subject: [PATCH] Toggle Home text color for light mode --- src/components/Home/styles.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/Home/styles.tsx b/src/components/Home/styles.tsx index e3ef734..be80727 100644 --- a/src/components/Home/styles.tsx +++ b/src/components/Home/styles.tsx @@ -30,7 +30,7 @@ export const Title = styled.h1` font-size: 88px; text-transform: uppercase; line-height: 1; - color: #fff; + color: ${(props) => props.theme.main.foreground}; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); margin: 32px 0; max-width: 100%; @@ -110,7 +110,7 @@ export const MenuItemLine = styled.div` width: 100%; margin-top: -3px; bottom: 0; - background: #fff; + background: ${(props) => props.theme.main.foreground}; transition: all 0.3s; left: 0; ` @@ -120,7 +120,7 @@ export const menuItemStyles = css` align-items: center; font-size: 22px; text-decoration: none; - color: #fff; + color: ${(props) => props.theme.main.foreground}; position: relative; transition: color 0.3s; margin: 10px 20px 5px 0;