fix: adjust header background colour based on screen context, #4164

leather-io · Sep 11, 2023 · 015c4e1 · 015c4e1
1 parent d8655c1
commit 015c4e1
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/app/components/header.tsx b/src/app/components/header.tsx
@@ -61,6 +61,10 @@ export const Header: React.FC<HeaderProps> = memo(props => {
       justifyContent="space-between"
       p="base"
       minHeight={['', '80px']}
+      backgroundColor={[
+        token('colors.accent.background-primary'),
+        token('colors.accent.background-secondary'),
+      ]}
       position="relative"
       {...rest}
     >