diff --git a/clientarea/hgcloud/css/dark-override.css b/clientarea/hgcloud/css/dark-override.css
index b305563..bd14d7b 100644
--- a/clientarea/hgcloud/css/dark-override.css
+++ b/clientarea/hgcloud/css/dark-override.css
@@ -16,11 +16,17 @@ html, body {
 }
 
 #mainLoading {
-  background: rgba(255,255,255,0.6) !important;
+  background: linear-gradient(135deg, #e8f0fe 0%, #f0e6ff 30%, #dbeafe 60%, #e0f2fe 100%) !important;
+  position: fixed !important;
+  top: 0 !important;
+  left: 0 !important;
+  width: 100% !important;
+  height: 100% !important;
+  z-index: 9999 !important;
 }
 
 #mainLoading.pro-des::before {
-  background: rgba(255,255,255,0.6) !important;
+  background: linear-gradient(135deg, #e8f0fe 0%, #f0e6ff 30%, #dbeafe 60%, #e0f2fe 100%) !important;
 }
 
 .template:first-child {