diff --git a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/LatestObservations.css b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/LatestObservations.css
index 2fe94a7cc19af9919788713d9414abfc9a2acd38..d851907ef40a51bebef7dd2589429bf48c1780dc 100644
--- a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/LatestObservations.css
+++ b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/LatestObservations.css
@@ -4,4 +4,4 @@
 /* font color */
 /* Data colors */
 .hoverable:hover {
-  background-color: #63ccff; }
+  background-color: #bdbdbd; }
diff --git a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar-styles.css b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar-styles.css
index 637471379344e506bb1d154471eb64b17ea291f0..4720c2da081e31110d15105df55f10225f86e8cc 100644
--- a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar-styles.css
+++ b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar-styles.css
@@ -14,7 +14,7 @@ body {
 
 .react-grid-item-header {
   color: black;
-  background-color: #63ccff;
+  background-color: #bdbdbd;
   font-weight: bold;
   padding: .3rem;
   /* Note: must be same as the Bootstrap table for nice alignment */
@@ -75,5 +75,5 @@ body {
 
 .landing-page-toolbar .btn-info {
   color: #000000;
-  background-color: #63ccff;
-  border-color: #63ccff; }
+  background-color: #bdbdbd;
+  border-color: #bdbdbd; }
diff --git a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar-variables.scss b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar-variables.scss
index 8b519b66ada5e808e1e8dc6f4ddcc43ae642d29d..3f296475aaa0662946521acf01ac49d3ce5f78cb 100644
--- a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar-variables.scss
+++ b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar-variables.scss
@@ -8,7 +8,7 @@ $primary-light: #a7689d;
 $primary-dark: #490f44;
 $primary-color: #ffffff;  /* font color */
 
-$secondary: #bdbdbd;
+$secondary: #bdbdbd; 
 $secondary-light: #efefef;
 $secondary-dark: #8d8d8d;
 $secondary-color: #000000;  /* font color */
@@ -19,4 +19,3 @@ $serious:  #f17171;
 $warning:  #fbfb83;
 $alarming: #ffcd74;
 $good:  #6fbd6f;
-$secondary: #63ccff;
diff --git a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar.css b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar.css
index 0a39f0072b8aa09e077adf79b85b0ac48989f22a..87dcb1c9f7e4a55fa5af9b38b177bd4cd6630c92 100644
--- a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar.css
+++ b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar.css
@@ -24,7 +24,7 @@
   --gray: #6c757d;
   --gray-dark: #343a40;
   --primary: #773b6f;
-  --secondary: #63ccff;
+  --secondary: #bdbdbd;
   --success: #28a745;
   --info: #17a2b8;
   --warning: #fbfb83;
@@ -1094,13 +1094,13 @@ pre {
 .table-secondary,
 .table-secondary > th,
 .table-secondary > td {
-  background-color: #d3f1ff; }
+  background-color: #ededed; }
 
 .table-hover .table-secondary:hover {
-  background-color: #bae9ff; }
+  background-color: #e0e0e0; }
   .table-hover .table-secondary:hover > td,
   .table-hover .table-secondary:hover > th {
-    background-color: #bae9ff; }
+    background-color: #e0e0e0; }
 
 .table-success,
 .table-success > th,
@@ -1653,26 +1653,26 @@ fieldset:disabled a.btn {
 
 .btn-secondary {
   color: #212529;
-  background-color: #63ccff;
-  border-color: #63ccff; }
+  background-color: #bdbdbd;
+  border-color: #bdbdbd; }
   .btn-secondary:hover {
     color: #212529;
-    background-color: #3dbfff;
-    border-color: #30bbff; }
+    background-color: #aaaaaa;
+    border-color: #a4a4a4; }
   .btn-secondary:focus, .btn-secondary.focus {
-    box-shadow: 0 0 0 0.2rem rgba(99, 204, 255, 0.5); }
+    box-shadow: 0 0 0 0.2rem rgba(189, 189, 189, 0.5); }
   .btn-secondary.disabled, .btn-secondary:disabled {
     color: #212529;
-    background-color: #63ccff;
-    border-color: #63ccff; }
+    background-color: #bdbdbd;
+    border-color: #bdbdbd; }
   .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
   .show > .btn-secondary.dropdown-toggle {
     color: #212529;
-    background-color: #30bbff;
-    border-color: #23b7ff; }
+    background-color: #a4a4a4;
+    border-color: #9d9d9d; }
     .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
     .show > .btn-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(99, 204, 255, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(189, 189, 189, 0.5); }
 
 .btn-success {
   color: #fff;
@@ -1836,27 +1836,27 @@ fieldset:disabled a.btn {
       box-shadow: 0 0 0 0.2rem rgba(119, 59, 111, 0.5); }
 
 .btn-outline-secondary {
-  color: #63ccff;
+  color: #bdbdbd;
   background-color: transparent;
   background-image: none;
-  border-color: #63ccff; }
+  border-color: #bdbdbd; }
   .btn-outline-secondary:hover {
     color: #212529;
-    background-color: #63ccff;
-    border-color: #63ccff; }
+    background-color: #bdbdbd;
+    border-color: #bdbdbd; }
   .btn-outline-secondary:focus, .btn-outline-secondary.focus {
-    box-shadow: 0 0 0 0.2rem rgba(99, 204, 255, 0.5); }
+    box-shadow: 0 0 0 0.2rem rgba(189, 189, 189, 0.5); }
   .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
-    color: #63ccff;
+    color: #bdbdbd;
     background-color: transparent; }
   .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
   .show > .btn-outline-secondary.dropdown-toggle {
     color: #212529;
-    background-color: #63ccff;
-    border-color: #63ccff; }
+    background-color: #bdbdbd;
+    border-color: #bdbdbd; }
     .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
     .show > .btn-outline-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(99, 204, 255, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(189, 189, 189, 0.5); }
 
 .btn-outline-success {
   color: #28a745;
@@ -3380,11 +3380,11 @@ input[type="button"].btn-block {
 
 .badge-secondary {
   color: #212529;
-  background-color: #63ccff; }
+  background-color: #bdbdbd; }
   .badge-secondary[href]:hover, .badge-secondary[href]:focus {
     color: #212529;
     text-decoration: none;
-    background-color: #30bbff; }
+    background-color: #a4a4a4; }
 
 .badge-success {
   color: #fff;
@@ -3480,13 +3480,13 @@ input[type="button"].btn-block {
     color: #1c0e1a; }
 
 .alert-secondary {
-  color: #336a85;
-  background-color: #e0f5ff;
-  border-color: #d3f1ff; }
+  color: #626262;
+  background-color: #f2f2f2;
+  border-color: #ededed; }
   .alert-secondary hr {
-    border-top-color: #bae9ff; }
+    border-top-color: #e0e0e0; }
   .alert-secondary .alert-link {
-    color: #254d60; }
+    color: #494949; }
 
 .alert-success {
   color: #155724;
@@ -3650,15 +3650,15 @@ input[type="button"].btn-block {
     border-color: #3e1f3a; }
 
 .list-group-item-secondary {
-  color: #336a85;
-  background-color: #d3f1ff; }
+  color: #626262;
+  background-color: #ededed; }
   .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
-    color: #336a85;
-    background-color: #bae9ff; }
+    color: #626262;
+    background-color: #e0e0e0; }
   .list-group-item-secondary.list-group-item-action.active {
     color: #fff;
-    background-color: #336a85;
-    border-color: #336a85; }
+    background-color: #626262;
+    border-color: #626262; }
 
 .list-group-item-success {
   color: #155724;
@@ -4291,12 +4291,12 @@ button.bg-primary:focus {
   background-color: #552a4f !important; }
 
 .bg-secondary {
-  background-color: #63ccff !important; }
+  background-color: #bdbdbd !important; }
 
 a.bg-secondary:hover, a.bg-secondary:focus,
 button.bg-secondary:hover,
 button.bg-secondary:focus {
-  background-color: #30bbff !important; }
+  background-color: #a4a4a4 !important; }
 
 .bg-success {
   background-color: #28a745 !important; }
@@ -4386,7 +4386,7 @@ button.bg-dark:focus {
   border-color: #773b6f !important; }
 
 .border-secondary {
-  border-color: #63ccff !important; }
+  border-color: #bdbdbd !important; }
 
 .border-success {
   border-color: #28a745 !important; }
@@ -6193,10 +6193,10 @@ a.text-primary:hover, a.text-primary:focus {
   color: #552a4f !important; }
 
 .text-secondary {
-  color: #63ccff !important; }
+  color: #bdbdbd !important; }
 
 a.text-secondary:hover, a.text-secondary:focus {
-  color: #30bbff !important; }
+  color: #a4a4a4 !important; }
 
 .text-success {
   color: #28a745 !important; }
@@ -6333,7 +6333,7 @@ body {
 
 .react-grid-item-header {
   color: black;
-  background-color: #63ccff;
+  background-color: #bdbdbd;
   font-weight: bold;
   padding: .3rem;
   /* Note: must be same as the Bootstrap table for nice alignment */
@@ -6394,5 +6394,5 @@ body {
 
 .landing-page-toolbar .btn-info {
   color: #000000;
-  background-color: #63ccff;
-  border-color: #63ccff; }
+  background-color: #bdbdbd;
+  border-color: #bdbdbd; }