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">
|
<div class="bg-white dark:bg-slate-800">
|
||||||
<slot />
|
<slot />
|
||||||
</div>
|
</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>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style lang="postcss">
|
|
||||||
:global(html) {
|
|
||||||
background-color: theme(colors.gray.100);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
Loading…
Reference in a new issue