diff --git a/src/theme/variables.scss b/src/theme/variables.scss
index b3e14cc5f..c75f30f89 100644
--- a/src/theme/variables.scss
+++ b/src/theme/variables.scss
@@ -579,14 +579,7 @@ $app-theme: mat-light-theme(
 .btn-no-color {
   background-color: #fff;
 }
-.bg-blue {
-  --background: #0782c9;
-  background: #0782c9;
-  --background-color: #0782c9;
-  background-color: #0782c9;
-  color: #ffffff;
-  --color: #ffffff;
-}
+
 .exp-workflow {
   float: left;
   margin-left: 15px;
@@ -653,6 +646,16 @@ body {
 
   --box-hover-background-color: #e4e8eb75 !important;
   --box-hover-background-border-color: 1px solid #ff4040 !important;
+
+  .bg-blue {
+    --background: #ffffff;
+    background: #ffffff;
+    --background-color: #ffffff;
+    background-color: #ffffff;
+    color: #000000;
+    --color: #000000;
+  }
+  
 }
 
 .default {
@@ -723,6 +726,16 @@ body {
 
   --box-hover-background-color: #e6f6ff75;
   --box-hover-background-border-color: 1px solid #42b9fe;
+
+
+  .bg-blue {
+    --background: #0782c9;
+    background: #0782c9;
+    --background-color: #0782c9;
+    background-color: #0782c9;
+    color: #ffffff;
+    --color: #ffffff;
+  }
 }
 
 .font-awesome {