Properly handle dark mode background
This commit is contained in:
parent
bb1e4e5377
commit
4600939970
|
@ -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>
|
||||
|
|
|
@ -42,9 +42,3 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style lang="postcss">
|
||||
:global(html) {
|
||||
background-color: theme(colors.gray.100);
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in a new issue