chore: added app navbar; adjusted colors and global styles

src/styles/_colors.scss

@@ -1,4 +1,4 @@
-$bgCol: #141414;
+$bgCol: #0e0e0e;
 $bgColLighter: #292929;
 $bgColDarker: #080808;
 $accentCol: #ff6060;

src/styles/_global.scss

@@ -1,5 +1,6 @@
 @use 'fonts';
 @use 'colors';
+@use 'sass:color';
 
 // Global scrollbar style
 ::-webkit-scrollbar {
@@ -76,7 +77,7 @@ button.g-button {
     }
 
     &:hover:not([data-disabled='true']) {
-      background-color: colors.$bgColLighter;
+      background-color: color.adjust(colors.$bgColDarker, $lightness: 15%);
     }
   }
 
@@ -112,6 +113,10 @@ button.g-button {
     display: flex;
     justify-content: center;
     align-items: center;
+
+    &:focus-visible {
+      outline: 1px solid white;
+    }
   }
 }
 

src/styles/_order.scss

@@ -6,7 +6,7 @@ $darkModeTextCol: #eee;
   width: 100%;
   background-color: white;
   color: black;
-  max-height: 95vh;
+  height: 100%;
   overflow: auto;
 
   &.dark {