app: Make automatic-scheme loading colors consistent with light/dark.

Signed-off-by: Anders Kaseorg <anders@zulip.com>
This commit is contained in:
Anders Kaseorg 2023-05-09 14:21:22 -07:00 committed by Tim Abbott
parent 77ac1a10de
commit cc2278d6e2
1 changed files with 6 additions and 3 deletions

View File

@ -47,13 +47,16 @@
animation-fill-mode: forwards; animation-fill-mode: forwards;
visibility: hidden; visibility: hidden;
} }
:root.color-scheme-automatic #app-loading {
color: hsl(0, 0%, 20%);
}
:root.dark-theme #app-loading { :root.dark-theme #app-loading {
background-color: hsl(212, 28%, 18%); background-color: hsl(212, 28%, 18%);
color: hsl(236, 33%, 90%); color: hsl(236, 33%, 90%);
} }
@media (prefers-color-scheme: dark) {
:root.color-scheme-automatic #app-loading {
background-color: hsl(212, 28%, 18%);
color: hsl(236, 33%, 90%);
}
}
.app-loading-spinner-container { .app-loading-spinner-container {
position: relative; position: relative;