enable dark mode

mairisb · Sep 16, 2023 · cf220f2 · cf220f2
1 parent 537fae5
commit cf220f2
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/packages/client/src/app/navigation-bar/navigation-bar.tsx b/packages/client/src/app/navigation-bar/navigation-bar.tsx
@@ -14,7 +14,7 @@ export const NavigationBar: React.FC = () => {
   };
 
   return (
-    <Navbar bg="primary" data-bs-theme="dark">
+    <Navbar bg="primary" data-bs-theme="dark" className="bg-body-tertiary">
       <Container>
         <Navbar.Brand as={Link} to="/">
           Navbar

diff --git a/packages/client/src/index.html b/packages/client/src/index.html
@@ -1,11 +1,16 @@
 <!doctype html>
-<html lang="en">
+<html lang="en" data-bs-theme="dark">
   <head>
     <meta charset="utf-8" />
     <title><%= process.env.TSPARK_APP_APP_NAME %></title>
     <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
+    <style>
+      body {
+        background-color: #212529;
+      }
+    </style>
   </head>
   <body>
     <div id="root"></div>