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-dark-theme {
--weblah-color-sb-primary: theme(colors.slate.950); --weblah-color-sb-primary: theme(colors.slate.900);
--weblah-color-sb-secondary: theme(colors.slate.900); --weblah-color-sb-secondary: theme(colors.slate.950);
--weblah-color-sb-tertiary: theme(colors.slate.800); --weblah-color-sb-tertiary: theme(colors.black);
--weblah-color-sf-primary: theme(colors.slate.100); --weblah-color-sf-primary: theme(colors.slate.100);
--weblah-color-sf-secondary: theme(colors.slate.400); --weblah-color-sf-secondary: theme(colors.slate.400);
@ -38,9 +38,13 @@
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:not([data-weblah-color-scheme='light'] *) { :root {
@apply weblah-dark-theme; @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> <span class="sr-only">Attach</span>
</Button> </Button>
<RichTextInput bind:delta placeholder="Message" class="max-h-40 flex-1" /> <RichTextInput bind:delta placeholder="Message" class="max-h-40 flex-1" />
<Button class="p-1.5"> <Button class="p-1.5" variant="primary">
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24" viewBox="0 0 24 24"