From f463d8c58a58c260124bb53c756f79ee80c8c071 Mon Sep 17 00:00:00 2001
From: Jean-Philippe Sirois <jp@veksen.net>
Date: Tue, 12 May 2020 00:23:48 -0400
Subject: [PATCH] refact: clean up unused styles

---
 src/components/Footer/styles.tsx |  2 --
 src/components/Header/styles.tsx | 21 ++++-----------------
 2 files changed, 4 insertions(+), 19 deletions(-)

diff --git a/src/components/Footer/styles.tsx b/src/components/Footer/styles.tsx
index 61d91a8..3f5464f 100644
--- a/src/components/Footer/styles.tsx
+++ b/src/components/Footer/styles.tsx
@@ -6,9 +6,7 @@ export const FooterWrapper = styled.footer`
   & a {
     display: inline;
     font-weight: 700;
-    color: #fff;
     color: ${props => props.theme.main.foreground};
-    font-weight: 700;
     text-decoration: none;
     position: relative;
 
diff --git a/src/components/Header/styles.tsx b/src/components/Header/styles.tsx
index f065888..231d736 100644
--- a/src/components/Header/styles.tsx
+++ b/src/components/Header/styles.tsx
@@ -15,10 +15,7 @@ export const Meta = styled.div`
   display: flex;
   white-space: nowrap;
   align-items: center;
-  color: ${props =>
-    props.theme.name === "dark"
-      ? transparentize(0.1, props.theme.main.foreground)
-      : transparentize(0.1, props.theme.main.foreground)};
+  color: ${props => transparentize(0.1, props.theme.main.foreground)};
 
   & + &::before {
     content: "•";
@@ -44,10 +41,7 @@ export const Popover = styled.div`
   padding: 8px;
   border-radius: 4px;
   backdrop-filter: blur(14px);
-  background: ${props =>
-    props.theme.name === "dark"
-      ? transparentize(0.3, props.theme.main.background)
-      : transparentize(0.3, props.theme.main.background)};
+  background: ${props => transparentize(0.3, props.theme.main.background)};
 
   &::before {
     position: absolute;
@@ -60,11 +54,7 @@ export const Popover = styled.div`
     border-style: solid;
     border-width: 0 3.5px 4px 3.5px;
     border-color: transparent transparent
-      ${props =>
-        props.theme.name === "dark"
-          ? transparentize(0.3, props.theme.main.background)
-          : transparentize(0.3, props.theme.main.background)}
-      transparent;
+      ${props => transparentize(0.3, props.theme.main.background)} transparent;
   }
 `
 
@@ -73,10 +63,7 @@ export const PopoverToggler = styled.div`
   align-items: center;
   position: relative;
   border-bottom: 1px dashed
-    ${props =>
-      props.theme.name === "dark"
-        ? transparentize(0.1, props.theme.main.foreground)
-        : transparentize(0.1, props.theme.main.foreground)};
+    ${props => transparentize(0.1, props.theme.main.foreground)};
 
   &:hover ${Popover} {
     display: block;