diff --git a/src/app.html b/src/app.html
index 12f7ffe..6a07c88 100644
--- a/src/app.html
+++ b/src/app.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en" class="dark">
+<html lang="en">
 <head>
   <meta charset="utf-8" />
   <link rel="icon" href="%sveltekit.assets%/favicon.ico" />
diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
index f449258..f8ad2c5 100644
--- a/src/lib/components/Header.svelte
+++ b/src/lib/components/Header.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { AppBar, drawerStore } from '@skeletonlabs/skeleton';
+	import { AppBar, LightSwitch, drawerStore } from '@skeletonlabs/skeleton';
 	import GitHub from './icons/GitHub.svelte';
 	import Hamburger from './icons/Hamburger.svelte';
 
@@ -25,5 +25,6 @@
 			rel="noopener noreferrer"
 			class="btn-icon variant-primary"><GitHub /></a
 		>
+		<LightSwitch />
 	</svelte:fragment>
 </AppBar>
