resolve #6704 "Advanced mode" button theming issues. (#6728)

OlgaLarina · OlgaLarina · web-flow · commit cfca5482a8b4 · 2025-03-13T09:39:09.000+03:00
Co-authored-by: OlgaLarina &lt;olga.larina.dev@gmail.com&gt;
diff --git a/packages/survey-creator-core/src/custom-questions/boolean-switch.scss b/packages/survey-creator-core/src/custom-questions/boolean-switch.scss
@@ -57,12 +57,13 @@
   }
 
   &:focus {
-    background: var(--ctr-toggle-button-background-color-checked-focused,
-        #ffffff);
+    background: var(--ctr-toggle-button-background-color-checked-focused, var(--sjs-primary-foreground-100, #ffffff));
 
     .spg-boolean-switch__thumb--right {
-      background: var(--ctr-toggle-button-thumb-background-color-checked-focused,
-          #19b394);
+      background: var(
+        --ctr-toggle-button-thumb-background-color-checked-focused,
+        var(--sjs-primary-background-500, #19b394)
+      );
     }
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -57,12 +57,13 @@`
`57`	`57`	`}`
`58`	`58`
`59`	`59`	`&:focus {`
`60`		`- background: var(--ctr-toggle-button-background-color-checked-focused,`
`61`		`- #ffffff);`
	`60`	`+ background: var(--ctr-toggle-button-background-color-checked-focused, var(--sjs-primary-foreground-100, #ffffff));`
`62`	`61`
`63`	`62`	`.spg-boolean-switch__thumb--right {`
`64`		`- background: var(--ctr-toggle-button-thumb-background-color-checked-focused,`
`65`		`- #19b394);`
	`63`	`+ background: var(`
	`64`	`+ --ctr-toggle-button-thumb-background-color-checked-focused,`
	`65`	`+ var(--sjs-primary-background-500, #19b394)`
	`66`	`+ );`
`66`	`67`	`}`
`67`	`68`	`}`
`68`	`69`	`}`