Make loading/connection interruption reflect dark mode preference

jesec · Jan 8, 2024 · 470aca6 · 470aca6
1 parent f0f63b4
commit 470aca6
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/client/src/sass/components/_app-wrapper.scss b/client/src/sass/components/_app-wrapper.scss
@@ -1,9 +1,10 @@
 @use '../tools/colors';
+@use '../tools/themes';
 
 .application {
   &__loading-overlay {
     align-items: center;
-    background: colors.$light-blue;
+    @include themes.theme('background', 'loading--background');
     display: flex;
     flex-direction: column;
     font-size: 0.8em;

diff --git a/client/src/sass/tools/_themes.scss b/client/src/sass/tools/_themes.scss
@@ -34,6 +34,7 @@ $themes: (
       -1px 0 colors.$action--border--hover,
     ),
     auth-form--background: colors.$light-blue,
+    loading--background: colors.$light-blue,
     torrent-view--background: #e9eef2,
     torrent-list--background: #fff,
     torrent-list--border: -1px 0 0 0 rgba(colors.$sidebar--background, 0.15),
@@ -131,6 +132,7 @@ $themes: (
       0px,
     ),
     auth-form--background: colors.$background,
+    loading--background: colors.$background,
     torrent-view--background: colors-dark.$md-surface-dark-e08,
     torrent-list--background: colors-dark.$md-surface-dark,
     torrent-list--border: -1px 0 0 0 rgba(colors.$sidebar--background, 0.15),