diff --git a/packages/survey-creator-core/src/components/simulator.scss b/packages/survey-creator-core/src/components/simulator.scss index 5ac69322a7..a3ade990c1 100644 --- 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%; + ; } \ No newline at end of file