Fixed: Progress bar text colour in Dark theme

(cherry picked from commit ca61efa57fc04a7f6753aedb4b8044d17e345429)
2 years ago · 9d1956794e
parent 4956ff7914
commit 9d1956794e
3 changed files with 11 additions and 3 deletions
--- 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,
--- a/frontend/src/Styles/Themes/dark.js
+++ b/frontend/src/Styles/Themes/dark.js
@ -226,6 +226,8 @@ module.exports = {
  //
  // Misc

+  progressBarFrontTextColor: white,
+  progressBarBackTextColor: white,
  progressBarBackgroundColor: '#727070',
  logEventsBackgroundColor: '#2a2a2a'
 };
--- a/frontend/src/Styles/Themes/light.js
+++ b/frontend/src/Styles/Themes/light.js
@ -227,6 +227,8 @@ module.exports = {
  //
  // Misc

-  progressBarBackgroundColor: '#fff',
-  logEventsBackgroundColor: '#fff'
+  progressBarFrontTextColor: white,
+  progressBarBackTextColor: darkGray,
+  progressBarBackgroundColor: white,
+  logEventsBackgroundColor: white
 };