diff --git a/src/views/project/ProjectDetails.vue b/src/views/project/ProjectDetails.vue
index 906fba7..183c4f3 100644
--- a/src/views/project/ProjectDetails.vue
+++ b/src/views/project/ProjectDetails.vue
@@ -81,23 +81,7 @@
                     />
                   </div>
                   <div
-                    style="
-                      font-size: 14px;
-                      font-weight: 500;
-                      color: #277aff;
-                      margin-left: 10px;
-                    "
-                    :style="{
-                      color: {
-                        0: 'rgba(238, 112, 108, 1)',
-                        1: 'rgba(255, 151, 38, 1)',
-                        2: 'rgba(39, 122, 255, 1)',
-                        3: 'rgba(59, 94, 251, 1)',
-                        4: 'rgba(57, 219, 183, 1)',
-                        5: 'rgba(57, 219, 183, 1)',
-                      }[parseInt(value.currentRatio / 20)],
-                    }"
-                  >
+                    style="font-size: 14px;font-weight: 500;color: #277aff;margin-left: 10px;color:#677d86;">
                     {{ value.currentRatio }}%
                   </div>
                 </div>
@@ -234,18 +218,7 @@
                     />
                   </div>
                   <div
-                    style="font-size: 14px; font-weight: 500; margin-left: 10px"
-                    :style="{
-                      color: {
-                        0: 'rgba(238, 112, 108, 1)',
-                        1: 'rgba(255, 151, 38, 1)',
-                        2: 'rgba(39, 122, 255, 1)',
-                        3: 'rgba(59, 94, 251, 1)',
-                        4: 'rgba(57, 219, 183, 1)',
-                        5: 'rgba(57, 219, 183, 1)',
-                      }[parseInt((data.totalProgress * 100) / 20)],
-                    }"
-                  >
+                    style="font-size: 14px; font-weight: 500; margin-left: 10px;color:#677d86;">
                     {{ parseInt(data.totalProgress * 100) }}%
                   </div>
                 </div>
@@ -277,19 +250,7 @@
                       font-size: 14px;
                       font-weight: 500;
                       color: #277aff;
-                      margin-left: 10px;
-                    "
-                    :style="{
-                      color: {
-                        0: 'rgba(238, 112, 108, 1)',
-                        1: 'rgba(255, 151, 38, 1)',
-                        2: 'rgba(39, 122, 255, 1)',
-                        3: 'rgba(59, 94, 251, 1)',
-                        4: 'rgba(57, 219, 183, 1)',
-                        5: 'rgba(57, 219, 183, 1)',
-                      }[parseInt((data.compulsoryProgress * 100) / 20)],
-                    }"
-                  >
+                      margin-left: 10px;color:#677d86;">
                     {{ parseInt(data.compulsoryProgress * 100) }}%
                   </div>
                 </div>
diff --git a/src/views/roadmap/LearnPath.vue b/src/views/roadmap/LearnPath.vue
index aea809f..6863212 100644
--- a/src/views/roadmap/LearnPath.vue
+++ b/src/views/roadmap/LearnPath.vue
@@ -158,7 +158,7 @@ function toUnTask() { }
 </script>
 <style lang="scss">
 #app div:nth-child(1) {
-	background: rgba(0, 0, 0, 0) !important;
+	// background: rgba(0, 0, 0, 0) !important;
 }
 
 .modal {}