fix: improve dark mode color palette

This commit is contained in:
Shibo Lyu 2024-09-02 02:36:38 +08:00
parent 29fa1988d4
commit 0989ed4fa8
2 changed files with 9 additions and 5 deletions

View file

@ -17,9 +17,9 @@
}
.weblah-dark-theme {
--weblah-color-sb-primary: theme(colors.slate.950);
--weblah-color-sb-secondary: theme(colors.slate.900);
--weblah-color-sb-tertiary: theme(colors.slate.800);
--weblah-color-sb-primary: theme(colors.slate.900);
--weblah-color-sb-secondary: theme(colors.slate.950);
--weblah-color-sb-tertiary: theme(colors.black);
--weblah-color-sf-primary: theme(colors.slate.100);
--weblah-color-sf-secondary: theme(colors.slate.400);
@ -38,9 +38,13 @@
}
@media (prefers-color-scheme: dark) {
:not([data-weblah-color-scheme='light'] *) {
:root {
@apply weblah-dark-theme;
}
:is([data-weblah-color-scheme='light'] *) {
@apply weblah-light-theme;
}
}
}

View file

@ -25,7 +25,7 @@
<span class="sr-only">Attach</span>
</Button>
<RichTextInput bind:delta placeholder="Message" class="max-h-40 flex-1" />
<Button class="p-1.5">
<Button class="p-1.5" variant="primary">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"