From 040619d93654766102cde469c8401080262a58a2 Mon Sep 17 00:00:00 2001
From: Neshura <neshura@proton.me>
Date: Mon, 19 Dec 2022 22:17:41 +0100
Subject: [PATCH 1/2] Fix missing background color for Theme Selector on
 Desktop

---
 components/styles/themedropdown/desktop.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/styles/themedropdown/desktop.tsx b/components/styles/themedropdown/desktop.tsx
index 0d20cd9..7f69806 100644
--- a/components/styles/themedropdown/desktop.tsx
+++ b/components/styles/themedropdown/desktop.tsx
@@ -57,6 +57,7 @@ export const ThemeDropDownOptions = styled.div<DisplayPropType>`
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: cover;
+  background-color: ${({ theme }) => theme.colors.background };
 
   display: flex;
   flex-direction: column;

From 64e670d62e5be2dd9ee9b0e1b92588245854de94 Mon Sep 17 00:00:00 2001
From: Neshura <neshura@proton.me>
Date: Mon, 19 Dec 2022 22:18:04 +0100
Subject: [PATCH 2/2] Unset Debug Variables and Remove filled ToDo comment

---
 components/navbar.tsx         | 2 +-
 components/styles/content.tsx | 1 -
 components/themeselector.tsx  | 2 +-
 3 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/components/navbar.tsx b/components/navbar.tsx
index 83a84c5..cf394ff 100644
--- a/components/navbar.tsx
+++ b/components/navbar.tsx
@@ -8,7 +8,7 @@ import { NavMenuFooter } from './footer';
 
 const PageNavbar = ({ mobile }: { mobile: number }) => {
   const path = usePathname();
-  const [sideBarActive, setSideBarActive] = useState(true); //DEBUG: set to false
+  const [sideBarActive, setSideBarActive] = useState(false);
 
   function handleSidebar(event: any) {
     if (!event.currentTarget.contains(event.relatedTarget)) {
diff --git a/components/styles/content.tsx b/components/styles/content.tsx
index 376cc94..2621162 100644
--- a/components/styles/content.tsx
+++ b/components/styles/content.tsx
@@ -4,7 +4,6 @@ import styled, { css, DefaultTheme } from 'styled-components';
 import { Service, Game } from '../../interfaces/CardTypes';
 
 // needed for Online Status checks
-// TODO: migrate to shared Status type for Games and Services
 interface OnlinePropType {
   status: string;
 }
diff --git a/components/themeselector.tsx b/components/themeselector.tsx
index 55be165..4a8bdcf 100644
--- a/components/themeselector.tsx
+++ b/components/themeselector.tsx
@@ -35,7 +35,7 @@ export const StyleSelector = ({ mobile }: { mobile: number }) => {
     } 
   }
 
-  const [visible, setVisible] = useState(true); //DEBUG set to false
+  const [visible, setVisible] = useState(false);
   const [buttonFocus, setButtonFocus] = useState(visible);
 
   function  handleBlur(event:any) {