SAK-50127: Dark mode timer isn’t clearly visible

sakaiproject · Oct 3, 2024 · 91658cb · 91658cb
1 parent c6ff0ac
commit 91658cb
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/library/src/skins/default/src/sass/base/_defaults.scss b/library/src/skins/default/src/sass/base/_defaults.scss
@@ -10,6 +10,10 @@ body{
   scroll-behavior: $scroll-behavior;
 }
 
+.progress {
+  background-color: var(--sakai-background-color-4) !important; // Override default progress bar background color
+}
+
 a{
   color: var(--sakai-text-color-1);
   &:hover{  // This means a:hover

diff --git a/samigo/samigo-app/src/webapp/jsf/widget/timerBar/timerbar.js b/samigo/samigo-app/src/webapp/jsf/widget/timerBar/timerbar.js
@@ -62,12 +62,12 @@
               <div class="progress-wrapper">
                   <div class="timer-title">${ titleMessage }</div>
                   <div class="progress-wrapper-container">
-                      <div class="progress">
+                      <div class="progress>
                           <div class="progress-bar progress-label-wrapper">
                               <span class='progress-label'></span>
                           </div>
                       </div>
-                      <div class="progress">
+                      <div class="progress>
                           <div id='progressbar' class="progress-bar"></div>
                       </div>
                   </div>