ThemeProvider

1 files changed, 9 insertions, 2 deletions

diff --git a/packages/website/ts/@next/components/logo.tsx b/packages/website/ts/@next/components/logo.tsx
index 1a02e211e..eade90c68 100644
--- a/packages/website/ts/@next/components/logo.tsx
+++ b/packages/website/ts/@next/components/logo.tsx
@@ -5,18 +5,25 @@ import LogoIcon from '../icons/logo-with-type.svg';
 
 interface LogoInterface {
     // showType: boolean;
+    light?: any;
 }
 
+
+// Note let's refactor this
 const StyledLogo = styled.div`
     text-align: left;
 `;
 
 const Icon = styled(LogoIcon)`
     flex-shrink: 0;
+
+    path {
+        fill: ${props => props.light ? '#fff' : props.theme.textColor};
+    }
 `;
 
-export const Logo: React.StatelessComponent<LogoInterface> = ({}) => (
+export const Logo: React.StatelessComponent<LogoInterface> = (props) => (
     <StyledLogo>
-        <Icon />
+        <Icon {...props} />
     </StyledLogo>
 );