Creator V2. Fix color in PG (#6254)

* work for #6248 Creator V2. Fix color in PG * work for #6248 update etalon * work for #6248 Creator V2. Fix color in PG --------- Co-authored-by: OlgaLarina <[email protected]>
surveyjs · Dec 16, 2024 · b914ac5 · b914ac5
1 parent dabd94e
commit b914ac5
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/packages/survey-creator-core/src/property-grid-theme/blocks/spg-question.scss b/packages/survey-creator-core/src/property-grid-theme/blocks/spg-question.scss
@@ -216,8 +216,8 @@ sv-question-error {
 
   .spg-checkbox__control:focus + .spg-checkbox__rectangle,
   .spg-matrixdynamic__content.spg-text__content {
-    outline: 2px solid $secondary;
-    outline-offset: -2px;
+    outline: var(--ctr-editor-border-width-highlighed, 2px) solid var(--ctr-editor-border-color-highlighted, $secondary);
+    outline-offset: calc(-1 * var(--ctr-editor-border-width-highlighed, 2px));
     border-radius: var(--ctr-data-table-corner-radius, 0px);
 
     .spg-input {
@@ -226,20 +226,20 @@ sv-question-error {
   }
 
   .svc-action-button {
-    background-color: $secondary-light;
+    border: var(--ctr-actionbar-button-border-width-highlighed, 2px) solid var(--ctr-actionbar-button-border-color-highlighted, $secondary);
   }
 
   .sv-button-group {
-    box-shadow: 0 0 0 1px $secondary;
-    border-color: $secondary;
+    box-shadow: 0 0 0 1px var(--ctr-editor-border-color-highlighted, $secondary);
+    border-color: var(--ctr-editor-border-color-highlighted, $secondary);
   }
 
   .spg-checkbox__control + .spg-checkbox__rectangle {
-    outline: 2px solid $secondary;
-    outline-offset: -2px;
+    outline: var(--ctr-editor-border-width-highlighed, 2px) solid var(--ctr-editor-border-color-highlighted, $secondary);
+    outline-offset: calc(-1 * var(--ctr-editor-border-width-highlighed, 2px));
   }
 
   .spg-button-group::after {
-    box-shadow: inset 0 0 0 var(--ctr-button-group-border-width-focused, 2px) $secondary;
+    box-shadow: inset 0 0 0 var(--ctr-button-group-border-width-focused, 2px) var(--ctr-editor-border-color-highlighted, $secondary);
   }
 }
diff --git a/visualRegressionTests-V2/tests/designer/etalons/side-bar-search-matrix.png b/visualRegressionTests-V2/tests/designer/etalons/side-bar-search-matrix.png