From e0c0b9a887e0ade0e9772224e68ef91285f23023 Mon Sep 17 00:00:00 2001
From: christian <christian@rannes.com>
Date: Sun, 19 May 2024 17:24:28 +0200
Subject: [PATCH] fixed css

---
 src/lib/ThemeSwitch.svelte | 48 --------------------------------------
 src/routes/+layout.svelte  |  1 -
 2 files changed, 49 deletions(-)
 delete mode 100644 src/lib/ThemeSwitch.svelte

diff --git a/src/lib/ThemeSwitch.svelte b/src/lib/ThemeSwitch.svelte
deleted file mode 100644
index 4ce1a4e..0000000
--- a/src/lib/ThemeSwitch.svelte
+++ /dev/null
@@ -1,48 +0,0 @@
-<script>
-    // On click function for darkmode switch
-    import { browser } from '$app/environment';
-    let darkMode = true;
-    function handleSwitchDarkMode() {
-        darkMode = !darkMode;
-        localStorage.setItem('theme', darkMode ? 'dark' : 'light');
-        darkMode
-            ? document.documentElement.classList.add('dark')
-            : document.documentElement.classList.remove('dark');
-    }
-    if (browser) {
-        if (
-            localStorage.theme === 'dark' ||
-            (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)
-        ) {
-            document.documentElement.classList.add('dark');
-            darkMode = true;
-        } else {
-            document.documentElement.classList.remove('dark');
-            darkMode = false;
-        }
-    }
-</script>
-
-<div>
-    <input checked={darkMode} on:click={handleSwitchDarkMode} type="checkbox" id="theme-toggle" />
-    <label for="theme-toggle" />
-</div>
-
-<style>
-    #theme-toggle {
-        @apply invisible;
-    }
-
-    #theme-toggle + label {
-        @apply inline-block cursor-pointer h-6 w-6 fixed top-4 right-4 rounded-full duration-300 content-[''];
-    }
-
-    #theme-toggle:not(:checked) + label {
-        @apply bg-yellow-200;
-    }
-
-    #theme-toggle:checked + label {
-        @apply bg-transparent;
-        box-shadow: inset -7px -5px 1px 1px #ddd;
-    }
-</style>
\ No newline at end of file
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index df99c6f..fdab15a 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,7 +1,6 @@
 <script>
 	import { blur } from 'svelte/transition';
 	import '../app.css';
-	import ThemeSwitch from '$lib/ThemeSwitch.svelte';
 	import '../app.css';
 	import CloudflareAnalytics from '../lib/CloudflareAnalytics.svelte';
 	import { DarkMode } from 'flowbite-svelte';