mirror of
https://github.com/Blah-IM/Weblah.git
synced 2025-05-01 00:31:08 +00:00
fix: improve dark mode color palette
This commit is contained in:
parent
29fa1988d4
commit
0989ed4fa8
2 changed files with 9 additions and 5 deletions
12
src/app.css
12
src/app.css
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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"
|
||||
|
|
Loading…
Add table
Reference in a new issue