Fixed #6313 - Simulator device theming

surveyjs · Dec 24, 2024 · db6500c · db6500c
1 parent 86078d6
commit db6500c
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/packages/survey-creator-core/src/components/simulator.scss b/packages/survey-creator-core/src/components/simulator.scss
@@ -19,10 +19,10 @@
   margin: 0 auto;
   position: relative;
   overflow: hidden;
-  border-radius: 32px;
-  border: 4px solid $background-dim;
-  background: $background;
-  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.10), 0px 4px 16px 0px rgba(0, 0, 0, 0.05);
+  border-radius: var(--ctr-preview-device-corner-radius, 32px);
+  border: var(--ctr-preview-device-border-width, 4px) solid var(--ctr-preview-device-border-color, $background-dim);
+  background: var(--ctr-preview-device-background-color, $background);
+  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.10), 0px 8px 16px 0px var(--ctr-preview-device-shadow-2-color, rgba(0, 0, 0, 0.05));
 }
 
 .svd-simulator-main {
@@ -74,5 +74,6 @@
 }
 
 .svd-simulator .sv-popup--overlay {
-  --sv-popup-overlay-height: 100%;;
+  --sv-popup-overlay-height: 100%;
+  ;
 }