From cc2278d6e2a5c7c9868d49915f4def2daf723c9f Mon Sep 17 00:00:00 2001 From: Anders Kaseorg Date: Tue, 9 May 2023 14:21:22 -0700 Subject: [PATCH] app: Make automatic-scheme loading colors consistent with light/dark. Signed-off-by: Anders Kaseorg --- templates/zerver/app/index.html | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/templates/zerver/app/index.html b/templates/zerver/app/index.html index 0d5f13afa0..365cfc9129 100644 --- a/templates/zerver/app/index.html +++ b/templates/zerver/app/index.html @@ -47,13 +47,16 @@ animation-fill-mode: forwards; visibility: hidden; } - :root.color-scheme-automatic #app-loading { - color: hsl(0, 0%, 20%); - } :root.dark-theme #app-loading { background-color: hsl(212, 28%, 18%); 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 { position: relative;