diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css
index 3ecd7c23c..22b38f7e5 100644
--- a/public/themes/arya-blue/theme.css
+++ b/public/themes/arya-blue/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#383838;
   --surface-hover:rgba(255,255,255,.03);
   --focus-ring: 0 0 0 1px #93cbf9;
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 * {
@@ -56,7 +57,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css
index b12da0049..df40dade8 100644
--- a/public/themes/arya-green/theme.css
+++ b/public/themes/arya-green/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#383838;
   --surface-hover:rgba(255,255,255,.03);
   --focus-ring: 0 0 0 1px #a7d8a9;
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 * {
@@ -56,7 +57,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css
index 84b8c16e9..d326421ce 100644
--- a/public/themes/arya-orange/theme.css
+++ b/public/themes/arya-orange/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#383838;
   --surface-hover:rgba(255,255,255,.03);
   --focus-ring: 0 0 0 1px #ffe284;
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 * {
@@ -56,7 +57,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css
index b00fa4343..f73ecad18 100644
--- a/public/themes/arya-purple/theme.css
+++ b/public/themes/arya-purple/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#383838;
   --surface-hover:rgba(255,255,255,.03);
   --focus-ring: 0 0 0 1px #cf95d9;
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 * {
@@ -56,7 +57,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css
index 2486b67fe..702d808fc 100644
--- a/public/themes/bootstrap4-dark-blue/theme.css
+++ b/public/themes/bootstrap4-dark-blue/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#3f4b5b;
   --surface-hover:rgba(255,255,255,.04);
   --focus-ring: 0 0 0 1px #e3f3fe;
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 * {
@@ -56,7 +57,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.15s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css
index 80ef31d2e..e41e9c1d1 100644
--- a/public/themes/bootstrap4-dark-purple/theme.css
+++ b/public/themes/bootstrap4-dark-purple/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#3f4b5b;
   --surface-hover:rgba(255,255,255,.04);
   --focus-ring: 0 0 0 1px #f0e6f5;
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 * {
@@ -56,7 +57,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.15s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css
index 38404566e..27d9a762f 100644
--- a/public/themes/bootstrap4-light-blue/theme.css
+++ b/public/themes/bootstrap4-light-blue/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#dee2e6;
   --surface-hover:#e9ecef;
   --focus-ring: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 * {
@@ -56,7 +57,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.15s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css
index a0f974964..2225882f4 100644
--- a/public/themes/bootstrap4-light-purple/theme.css
+++ b/public/themes/bootstrap4-light-purple/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#dee2e6;
   --surface-hover:#e9ecef;
   --focus-ring: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 * {
@@ -56,7 +57,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.15s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css
index 3b72ece47..a8c6010c1 100644
--- a/public/themes/fluent-light/theme.css
+++ b/public/themes/fluent-light/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#edebe9;
   --surface-hover:#f3f2f1;
   --focus-ring: inset 0 0 0 1px #605e5c;
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 * {
@@ -56,7 +57,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index 09aba2333..b48ad799a 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#4b4b4b;
   --surface-hover:#4c4c4c;
   --focus-ring: 0 0 0 0.1rem white;
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 * {
@@ -56,7 +57,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css
index 7a65523f3..8e488323c 100644
--- a/public/themes/luna-blue/theme.css
+++ b/public/themes/luna-blue/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#4b4b4b;
   --surface-hover:#4c4c4c;
   --focus-ring: 0 0 0 0.1rem white;
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 * {
@@ -56,7 +57,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index 6956bf064..91583f265 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#4b4b4b;
   --surface-hover:#4c4c4c;
   --focus-ring: 0 0 0 0.1rem white;
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 * {
@@ -56,7 +57,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index a632d4778..e54144b30 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#4b4b4b;
   --surface-hover:#4c4c4c;
   --focus-ring: 0 0 0 0.1rem white;
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 * {
@@ -56,7 +57,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css
index a3956f880..417804b23 100644
--- a/public/themes/md-dark-deeppurple/theme.css
+++ b/public/themes/md-dark-deeppurple/theme.css
@@ -41,6 +41,7 @@
   --surface-border:hsla(0,0%,100%,.12);
   --surface-hover:hsla(0,0%,100%,.04);
   --focus-ring: none;
+  --maskbg: rgba(0, 0, 0, 0.32);
 }
 
 /* roboto-regular - latin-ext_latin */
@@ -80,7 +81,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.32);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.32);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css
index baa32fcfa..ae085ab18 100644
--- a/public/themes/md-dark-indigo/theme.css
+++ b/public/themes/md-dark-indigo/theme.css
@@ -41,6 +41,7 @@
   --surface-border:hsla(0,0%,100%,.12);
   --surface-hover:hsla(0,0%,100%,.04);
   --focus-ring: none;
+  --maskbg: rgba(0, 0, 0, 0.32);
 }
 
 /* roboto-regular - latin-ext_latin */
@@ -80,7 +81,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.32);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.32);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css
index f1772e825..6b7ec4794 100644
--- a/public/themes/md-light-deeppurple/theme.css
+++ b/public/themes/md-light-deeppurple/theme.css
@@ -41,6 +41,7 @@
   --surface-border:rgba(0,0,0,.12);
   --surface-hover:rgba(0,0,0,.04);
   --focus-ring: none;
+  --maskbg: rgba(0, 0, 0, 0.32);
 }
 
 /* roboto-regular - latin-ext_latin */
@@ -80,7 +81,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.32);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.32);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css
index 98a40ba47..4d8e170ec 100644
--- a/public/themes/md-light-indigo/theme.css
+++ b/public/themes/md-light-indigo/theme.css
@@ -41,6 +41,7 @@
   --surface-border:rgba(0,0,0,.12);
   --surface-hover:rgba(0,0,0,.04);
   --focus-ring: none;
+  --maskbg: rgba(0, 0, 0, 0.32);
 }
 
 /* roboto-regular - latin-ext_latin */
@@ -80,7 +81,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.32);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.32);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css
index c84d15d67..83024ffc2 100644
--- a/public/themes/mdc-dark-deeppurple/theme.css
+++ b/public/themes/mdc-dark-deeppurple/theme.css
@@ -41,6 +41,7 @@
   --surface-border:hsla(0,0%,100%,.12);
   --surface-hover:hsla(0,0%,100%,.04);
   --focus-ring: none;
+  --maskbg: rgba(0, 0, 0, 0.32);
 }
 
 /* roboto-regular - latin-ext_latin */
@@ -80,7 +81,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.32);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.32);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css
index 8a82ab671..021de5a62 100644
--- a/public/themes/mdc-dark-indigo/theme.css
+++ b/public/themes/mdc-dark-indigo/theme.css
@@ -41,6 +41,7 @@
   --surface-border:hsla(0,0%,100%,.12);
   --surface-hover:hsla(0,0%,100%,.04);
   --focus-ring: none;
+  --maskbg: rgba(0, 0, 0, 0.32);
 }
 
 /* roboto-regular - latin-ext_latin */
@@ -80,7 +81,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.32);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.32);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css
index 5f11d1988..f917899f7 100644
--- a/public/themes/mdc-light-deeppurple/theme.css
+++ b/public/themes/mdc-light-deeppurple/theme.css
@@ -41,6 +41,7 @@
   --surface-border:rgba(0,0,0,.12);
   --surface-hover:rgba(0,0,0,.04);
   --focus-ring: none;
+  --maskbg: rgba(0, 0, 0, 0.32);
 }
 
 /* roboto-regular - latin-ext_latin */
@@ -80,7 +81,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.32);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.32);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css
index 97e0134a5..9c080e896 100644
--- a/public/themes/mdc-light-indigo/theme.css
+++ b/public/themes/mdc-light-indigo/theme.css
@@ -41,6 +41,7 @@
   --surface-border:rgba(0,0,0,.12);
   --surface-hover:rgba(0,0,0,.04);
   --focus-ring: none;
+  --maskbg: rgba(0, 0, 0, 0.32);
 }
 
 /* roboto-regular - latin-ext_latin */
@@ -80,7 +81,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.32);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.32);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css
index 20b1f9ea2..ac7562a62 100644
--- a/public/themes/nova-accent/theme.css
+++ b/public/themes/nova-accent/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#c8c8c8;
   --surface-hover:#eaeaea;
   --focus-ring: 0 0 0 0.2rem #8dcdff;
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 * {
@@ -56,7 +57,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css
index 18b538822..5360dac94 100644
--- a/public/themes/nova-alt/theme.css
+++ b/public/themes/nova-alt/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#c8c8c8;
   --surface-hover:#eaeaea;
   --focus-ring: 0 0 0 0.2rem #8dcdff;
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 * {
@@ -56,7 +57,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index 12e79f059..ec7d21bc7 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#c8c8c8;
   --surface-hover:#eaeaea;
   --focus-ring: 0 0 0 0.2rem #c2e9d8;
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 * {
@@ -56,7 +57,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css
index 5c2a9a1b7..535dbb283 100644
--- a/public/themes/nova/theme.css
+++ b/public/themes/nova/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#c8c8c8;
   --surface-hover:#eaeaea;
   --focus-ring: 0 0 0 0.2rem #8dcdff;
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 * {
@@ -56,7 +57,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index 7a0a51d27..07fc44a62 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#dadada;
   --surface-hover: #eaeaea;
   --focus-ring: 0 0 0 0.2rem #e4e9ec;
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 * {
@@ -56,7 +57,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index 72fc2774f..218167c02 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#dee2e6;
   --surface-hover: #e9ecef;
   --focus-ring: 0 0 0 0.2rem #a6d5fa;
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 * {
@@ -56,7 +57,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index cf2280f50..8a81f5c1b 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#dee2e6;
   --surface-hover: #e9ecef;
   --focus-ring: 0 0 0 0.2rem #b7e0b8;
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 * {
@@ -56,7 +57,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index 9636f5280..a90f1ce60 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#dee2e6;
   --surface-hover: #e9ecef;
   --focus-ring: 0 0 0 0.2rem #ffe69c;
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 * {
@@ -56,7 +57,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index dfab4d6d8..51410edc5 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#dee2e6;
   --surface-hover: #e9ecef;
   --focus-ring: 0 0 0 0.2rem #df9eea;
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 * {
@@ -56,7 +57,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/tailwind-light/theme.css b/public/themes/tailwind-light/theme.css
index 647c26deb..5a642e88c 100644
--- a/public/themes/tailwind-light/theme.css
+++ b/public/themes/tailwind-light/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#e5e7eb;
   --surface-hover: #f4f4f5;
   --focus-ring: 0 0 0 1px #6366F1;
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 @font-face {
@@ -91,7 +92,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index 443d68349..c4bc57094 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#304562;
   --surface-hover:rgba(255,255,255,.03);
   --focus-ring: 0 0 0 1px #93cbf9;
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 * {
@@ -56,7 +57,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index ff5e62acc..f154400cc 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#304562;
   --surface-hover:rgba(255,255,255,.03);
   --focus-ring: 0 0 0 1px #a7d8a9;
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 * {
@@ -56,7 +57,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index 01047ff00..7e584baea 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#304562;
   --surface-hover:rgba(255,255,255,.03);
   --focus-ring: 0 0 0 1px #ffe284;
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 * {
@@ -56,7 +57,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index 3149faff3..14a64a27f 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -41,6 +41,7 @@
   --surface-border:#304562;
   --surface-hover:rgba(255,255,255,.03);
   --focus-ring: 0 0 0 1px #cf95d9;
+  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 * {
@@ -56,7 +57,6 @@
 .p-component-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   transition-duration: 0.2s;
-  --maskbg: rgba(0, 0, 0, 0.4);
 }
 
 .p-disabled, .p-component:disabled {