From 42b8e2cd179ede945b0fc8135acc820abbb6aba0 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Sat, 2 Mar 2024 06:12:19 -0700
Subject: [PATCH] Get main background colors going

---
 web/src/components/Statusbar.tsx          |  2 +-
 web/src/components/navigation/Sidebar.tsx |  2 +-
 web/themes/theme-default.css              | 12 ++++++------
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/web/src/components/Statusbar.tsx b/web/src/components/Statusbar.tsx
index 186b919a7..db5473125 100644
--- a/web/src/components/Statusbar.tsx
+++ b/web/src/components/Statusbar.tsx
@@ -28,7 +28,7 @@ export default function Statusbar() {
   }, [stats]);
 
   return (
-    <div className="absolute left-0 bottom-0 right-0 w-full h-8 flex items-center px-4">
+    <div className="absolute left-0 bottom-0 right-0 w-full h-8 flex items-center px-4 bg-primary z-10">
       {cpuPercent && (
         <div className="flex items-center text-sm mr-4">
           <MdCircle
diff --git a/web/src/components/navigation/Sidebar.tsx b/web/src/components/navigation/Sidebar.tsx
index 201a3fe83..9783fd03b 100644
--- a/web/src/components/navigation/Sidebar.tsx
+++ b/web/src/components/navigation/Sidebar.tsx
@@ -5,7 +5,7 @@ import NavItem from "./NavItem";
 
 function Sidebar() {
   return (
-    <aside className="absolute w-[52px] z-10 left-o inset-y-0 overflow-y-auto scrollbar-hidden py-4 flex flex-col justify-between">
+    <aside className="absolute w-[52px] z-10 left-o inset-y-0 overflow-y-auto scrollbar-hidden py-4 flex flex-col justify-between bg-primary">
       <span tabIndex={0} className="sr-only" />
       <div className="w-full flex flex-col gap-0 items-center">
         <Logo className="w-8 h-8 mb-6" />
diff --git a/web/themes/theme-default.css b/web/themes/theme-default.css
index eef79318a..d184b4434 100644
--- a/web/themes/theme-default.css
+++ b/web/themes/theme-default.css
@@ -70,8 +70,8 @@
   }
 
   .dark {
-    --background-hsl: hsl(222.2 84% 4.9%);
-    --background: 222.2 84% 4.9%;
+    --background-hsl: hsl(0 0 0%);
+    --background: 0 0% 0%;
 
     --foreground: hsl(210 40% 98%);
     --foreground: 210 40% 98%;
@@ -88,14 +88,14 @@
     --popover-foreground: hsl(210 40% 98%);
     --popover-foreground: 210 40% 98%;
 
-    --primary: hsl(210 40% 98%);
-    --primary: 210 40% 98%;
+    --primary: hsl(0, 0%, 9%);
+    --primary: 0, 0%, 9%;
 
     --primary-foreground: hsl(222.2 47.4% 11.2%);
     --primary-foreground: 222.2 47.4% 11.2%;
 
-    --secondary: hsl(217.2 32.6% 17.5%);
-    --secondary: 217.2 32.6% 17.5%;
+    --secondary: hsl(0, 0%, 15%);
+    --secondary: 0, 0%, 15%;
 
     --secondary-foreground: hsl(210 40% 98%);
     --secondary-foreground: 210 40% 98%;