Fixed: Progress bar text colour in Dark theme

Closes #2091 (cherry picked from commit ca61efa57fc04a7f6753aedb4b8044d17e345429)
Readarr · Jan 24, 2023 · 95dbfb6 · 95dbfb6
1 parent 31c8092
commit 95dbfb6
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/frontend/src/Components/ProgressBar.css b/frontend/src/Components/ProgressBar.css
@@ -20,7 +20,11 @@
 
 .frontTextContainer {
   z-index: 1;
-  color: var(--white);
+  color: var(--progressBarFrontTextColor);
+}
+
+.backTextContainer {
+  color: var(--progressBarBackTextColor);
 }
 
 .backTextContainer,

diff --git a/frontend/src/Styles/Themes/dark.js b/frontend/src/Styles/Themes/dark.js
@@ -234,6 +234,8 @@ module.exports = {
   //
   // misc
 
+  progressBarFrontTextColor: white,
+  progressBarBackTextColor: white,
   progressBarBackgroundColor: '#727070',
   logEventsBackgroundColor: '#2a2a2a'
 };
diff --git a/frontend/src/Styles/Themes/light.js b/frontend/src/Styles/Themes/light.js
@@ -228,6 +228,8 @@ module.exports = {
   //
   // misc
 
-  progressBarBackgroundColor: '#fff',
-  logEventsBackgroundColor: '#fff'
+  progressBarFrontTextColor: white,
+  progressBarBackTextColor: darkGray,
+  progressBarBackgroundColor: white,
+  logEventsBackgroundColor: white
 };