jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #5092 from NamelessContributor/issue-5084

Browse Source 
Add auto theme preference (fix #5084)
This commit is contained in:
evazion
2022-04-09 03:48:39 -05:00
committed by GitHub
parent 4f6c947e4e 8ea514ad1c
commit f27a85e879
3 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/javascript/src/styles/base/040_colors.css → app/javascript/src/styles/base/040_colors.scss
View File

@@ -104,7 +104,7 @@ html {
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
html {
html, body[data-current-user-theme="light"] {
--body-background-color: var(--white);
--text-color: var(--black);
@@ -322,7 +322,7 @@ html {
}
/* variables that aren't defined in the dark theme fall back to the :root theme */
body[data-current-user-theme="dark"] {
@mixin dark-theme {
--body-background-color: var(--grey-9);
--text-color: var(--grey-2);
@@ -525,3 +525,14 @@ body[data-current-user-theme="dark"] {
--banned-artist-label-color: var(--red-5);
--deleted-artist-label-color: var(--grey-6);
}
body[data-current-user-theme="dark"] {
@include dark-theme;
}
@media (prefers-color-scheme: dark) {
body {
@include dark-theme;
}
}