dan/Portfolio
1
0
Fork 0
mirror of https://github.com/danbulant/Portfolio synced 2026-05-26 21:41:50 +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"> <script lang="ts">
let backgroundColor: 'white' | 'black' = 'white'; export let backgroundColor: 'light' | 'dark' = 'light';
</script> </script>
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
class:blue={backgroundColor === 'white'} class:blue={backgroundColor === 'light'}
class:white={backgroundColor === 'black'} class:white={backgroundColor === 'dark'}
viewBox="0 0 24 24" viewBox="0 0 24 24"
stroke-width="2" stroke-width="2"
stroke-linecap="round" stroke-linecap="round"
@ -30,6 +30,7 @@
} }
.blue { .blue {
@apply stroke-sspsBlue fill-sspsBlue; @apply stroke-sspsBlue fill-sspsBlue;
@apply transition-colors duration-300 hover:fill-sspsBlueDark hover:stroke-sspsBlueDark;
} }
.white { .white {
@apply stroke-white fill-white; @apply stroke-white fill-white;