dan/Portfolio
1
0
Fork 0
mirror of https://github.com/danbulant/Portfolio synced 2026-05-24 12:35:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: dark mode toggle fixes

Browse source
This commit is contained in:
EETagent 2022-11-17 22:54:06 +01:00
parent 886f4a95dd
commit 9dd34d810f
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/lib/components/DarkModeToggle.svelte
View file

@ -1,11 +1,11 @@
<script lang="ts">
let backgroundColor: 'white' | 'black' = 'white';
export let backgroundColor: 'light' | 'dark' = 'light';
</script>
<svg
xmlns="http://www.w3.org/2000/svg"
class:blue={backgroundColor === 'white'}
class:white={backgroundColor === 'black'}
class:blue={backgroundColor === 'light'}
class:white={backgroundColor === 'dark'}
viewBox="0 0 24 24"
stroke-width="2"
stroke-linecap="round"
@ -30,6 +30,7 @@
}
.blue {
@apply stroke-sspsBlue fill-sspsBlue;
@apply transition-colors duration-300 hover:fill-sspsBlueDark hover:stroke-sspsBlueDark;
}
.white {
@apply stroke-white fill-white;