arch/well-known-fursona
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Properly handle dark mode background

Browse source
This commit is contained in:
Gabriel Simmer 2023-05-05 22:15:06 +01:00
parent bb1e4e5377
commit 4600939970
Signed by: arch
GPG key ID: C81B106D46C5B875
2 changed files with 11 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/routes/+layout.svelte
View file

@ -17,3 +17,14 @@
<div class="bg-white dark:bg-slate-800">
<slot />
</div>
<style lang="postcss">
:global(html) {
background-color: white;
}
@media (prefers-color-scheme: dark) {
:global(html) {
background-color: theme(colors.slate.800);
}
}
</style>

6
src/routes/+page.svelte
View file

@ -42,9 +42,3 @@
</form>
</div>
</div>
<style lang="postcss">
:global(html) {
background-color: theme(colors.gray.100);
}
</style>