mirror of
https://github.com/Blah-IM/Weblah.git
synced 2025-05-01 08:41: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-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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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"
|
||||||
|
|
Loading…
Add table
Reference in a new issue