Added ability to switch between light and dark mode

This commit is contained in:
2023-10-26 21:41:18 +01:00
parent 7a932eed95
commit 05ccfc0997
7 changed files with 148 additions and 47 deletions

View File

@ -1,5 +1,6 @@
<script lang="ts">
import Toasts from "$lib/components/Toasts/Toasts.svelte";
import ThemeSwitcher from "$lib/components/ThemeSwitcher.svelte";
</script>
<style>
@ -18,7 +19,7 @@
nav {
position: relative;
overflow:visible;
overflow: visible;
display: flex;
justify-content: center;
gap: 1.5em;
@ -48,9 +49,10 @@
<a href = "/">//Profile</a>
<a href = "/repos">//Repos</a>
<a href = "/contact">//Contact</a>
<ThemeSwitcher />
</nav>
<div class="main-container fade">
<Toasts></Toasts>
<Toasts />
<slot />
</div>