From e67faee3efdd72bee0f707e1d22995e0f3a3c05a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ciar=C3=A1n=20Ainsworth?= <ciaranainsworth@outlook.com>
Date: Sat, 1 May 2021 10:38:49 +0000
Subject: [PATCH] Resolve "Fix loaders in dark theme"

---
 changes/changelog.d/1442.bugfix          | 1 +
 front/src/style/_main.scss               | 1 +
 front/src/style/components/_loaders.scss | 7 +++++++
 3 files changed, 9 insertions(+)
 create mode 100644 changes/changelog.d/1442.bugfix
 create mode 100644 front/src/style/components/_loaders.scss

diff --git a/changes/changelog.d/1442.bugfix b/changes/changelog.d/1442.bugfix
new file mode 100644
index 000000000..685d3781d
--- /dev/null
+++ b/changes/changelog.d/1442.bugfix
@@ -0,0 +1 @@
+Fixed minor graphical bug where loaders would appear white in dark theme (#1442)
diff --git a/front/src/style/_main.scss b/front/src/style/_main.scss
index 5e41ffc14..678205fca 100644
--- a/front/src/style/_main.scss
+++ b/front/src/style/_main.scss
@@ -47,6 +47,7 @@ $bottom-player-height: 4rem;
 @import "./components/_track_table.scss";
 @import "./components/_user_link.scss";
 @import "./components/_volume_control.scss";
+@import "./components/_loaders.scss";
 
 @import "./pages/_about.scss";
 @import "./pages/_admin_account_detail.scss";
diff --git a/front/src/style/components/_loaders.scss b/front/src/style/components/_loaders.scss
new file mode 100644
index 000000000..d8ede0fb7
--- /dev/null
+++ b/front/src/style/components/_loaders.scss
@@ -0,0 +1,7 @@
+.ui.dimmer {
+  background-color: var(--dimmer-background);
+}
+
+.ui.loading.form:before {
+  background-color: var(--dimmer-background);
+}