all the themes together + switcher

src/layouts/BaseLayout.astro

@@ -1,10 +1,12 @@
 ---
 import '@styles/main.css';
+import ThemeSwitcher from '@components/ThemeSwitcher.astro';
 ---
 
 <style>
     header {
         background-color: var(--primary-color-faded);
+        border-bottom: var(--header-border-width) solid var(--header-border-color);
     }
 
     nav {
@@ -26,6 +28,7 @@ import '@styles/main.css';
 
             &:hover {
                 background: var(--nav-hover);
+                color: var(--nav-hover-color);
             }
         }
     }
@@ -45,6 +48,8 @@ import '@styles/main.css';
             </nav>
         </header>
 
+        <ThemeSwitcher />
+
         <main>
             <slot />
         </main>