fix change background colour of NavBar container

habx · Jun 11, 2021 · 0d3ab54 · 0d3ab54
1 parent fc513a4
commit 0d3ab54
Showing 1 changed file with 1 addition and 2 deletions.
diff --git a/src/NavBar/NavBar.style.ts b/src/NavBar/NavBar.style.ts
@@ -2,7 +2,6 @@ import styled from 'styled-components'
 
 import { transition } from '../animations'
 import { Background } from '../Background'
-import { palette } from '../palette'
 import { theme } from '../theme'
 
 const EXPANDED_SIZE = 332
@@ -55,7 +54,7 @@ export const NavBarContainer = styled.ul<{ backgroundColor: string }>`
   flex-direction: column;
   transition: ${transition('width')};
   font-family: ${theme.font()};
-  background: ${palette.purpleDawn[900]};
+  background: ${(props) => props.backgroundColor};
 
   &[data-hover-icon='true'] {
     width: ${DEFAULT_SIZE + 6}px;