-
-
-
-
-
-
-
-
-
-
- Dark mode
+
+ }
+ label="Dark Mode"
+ />
+
diff --git a/src/components/Header/Header.styled.jsx b/src/components/Header/Header.styled.jsx
index 2805caca3..9fcfd904f 100644
--- a/src/components/Header/Header.styled.jsx
+++ b/src/components/Header/Header.styled.jsx
@@ -5,7 +5,7 @@ export const Container = styled.header`
width: 100%;
height: 64px;
display: flex;
- background-color: #1c5476;
+ background-color: ${(props) => props.theme['background-header']};
justify-content: space-between;
align-items: center;
`;
diff --git a/src/components/Layout/Layout.component.jsx b/src/components/Layout/Layout.component.jsx
index a683240ab..1e6a2d665 100644
--- a/src/components/Layout/Layout.component.jsx
+++ b/src/components/Layout/Layout.component.jsx
@@ -37,7 +37,7 @@ function Layout({ children }) {
onChange={handleChange}
/>