Green blink

Author: aunefyren

web/css/main.css

@@ -1681,7 +1681,7 @@ input[type=checkbox]
 
 .blink {
   transition: 1s;
-  background-color: var(--mediumblue);
+  background-color: var(--lightgreen) !important;
 }
 
 .prize-wrapper {
@@ -1862,7 +1862,7 @@ input[type=checkbox]
 .season-progress-bar, .week-progress-bar {
   height: 2em;
   width: 0;
-  background-color: var(--lightblue);
+  background-color: var(--trans-lightblue);
   box-sizing: inherit;
   overflow: hidden;
   transition: 2s;

web/js/achievements.js

@@ -236,7 +236,7 @@ function PlaceUserAhievements(achivementArrayPersonal, achivementArray, userID)
     document.getElementById("progress-bar").style.width  = ach_percentage + "%"
     document.getElementById("progress-bar").title  = ach_percentage + "%"
     document.getElementById("progress-bar-number").innerHTML  = achieved_sum + "/" + achievement_sum
-
+    
     if(ach_percentage > 99) {
         setTimeout(function() {
             document.getElementById("progress-bar").classList.add("blink")

web/js/frontpage.js

@@ -57,7 +57,7 @@ function load_page(result) {
 
                                 <div class="week_days" id='calendar'>
 
-                                    <div id="week-progress-bar-wrapper" class="week-progress-bar-wrapper transparent" style="width: 20em;">
+                                    <div id="week-progress-bar-wrapper" class="week-progress-bar-wrapper" style="width: 20em;">
                                         <div id="week-progress-bar" class="week-progress-bar" style="">
                                             <div class="calender_status unselectable" id="calender_status">
                                                 <a id="workout_this_week">...</a>
@@ -246,7 +246,7 @@ function load_page(result) {
 
                                 <div id="season-module" class="season" style="padding: 0 1em 1em 1em;">
 
-                                    <div id="season-progress-bar-wrapper" class="season-progress-bar-wrapper transparent" style="width: 20em;">
+                                    <div id="season-progress-bar-wrapper" class="season-progress-bar-wrapper" style="width: 20em;">
                                         <div id="season-progress-bar" class="season-progress-bar" style="">
                                             <div class="calender_status unselectable" id="season_status">
                                                 <a id="weeks_so_far">...</a>