npm - @syncfusion/blazor-themes - Versions diffs - 30.1.40 → 30.1.41 - Mend

@syncfusion/blazor-themes 30.1.40 → 30.1.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (301) hide show

package/SCSS-Themes/bootstrap5.3-dark-lite.scss CHANGED Viewed

@@ -22049,7 +22049,7 @@ $cbox-border-style: solid !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
@@ -32541,6 +32541,14 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
           cursor: default;
         }
       }
+      &.e-listview-template {
+        .e-list-item{
+          .e-checkbox{
+            display: flex;
+            align-items: baseline;
+          }
+        }
+      }
       & .e-list-parent {
         margin: 0;
@@ -55866,6 +55874,9 @@ $de-column-presets-font-size: $text-6xl !default;
             white-space: nowrap;
             color: white;
         }
+        .e-de-contextmenu-wrapper .e-menu-vscroll {
+            z-index: 1000;
+        }
 }
@@ -56726,6 +56737,7 @@ $de-tlbr-margin-first: 8px !default;
 $de-tlbr-margin-first-big: 12px !default;
 $de-tlbr-margin-right: 4px !default;
 $de-tlbr-margin-right-big: 6px !default;
+$de-tbl-merge-cell: 17px !default;
 $de-ctrnr-tblr-separator-margin: 0 14px !default;
 $de-ctrnr-tblr-separator-margin-big: 0 16px !default;
 $de-ctnr-margin-bottom: 12px !default;
@@ -56990,6 +57002,14 @@ $de-ctnr-picture-margin-bottom: 0;
       font-size: 18px;
     }
   }
+  .e-de-contextmenu-wrapper {
+    .e-lib.e-contextmenu.e-control.e-menu-parent {
+      .e-blankicon {
+        padding-left: $de-tbl-merge-cell !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
+  }
 }

package/SCSS-Themes/bootstrap5.3-dark.scss CHANGED Viewed

@@ -31247,7 +31247,7 @@ $cbox-border-style: solid !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
@@ -44363,6 +44363,14 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
           cursor: default;
         }
       }
+      &.e-listview-template {
+        .e-list-item{
+          .e-checkbox{
+            display: flex;
+            align-items: baseline;
+          }
+        }
+      }
       & .e-list-parent {
         margin: 0;
@@ -75373,6 +75381,9 @@ $de-column-presets-font-size: $text-6xl !default;
             white-space: nowrap;
             color: white;
         }
+        .e-de-contextmenu-wrapper .e-menu-vscroll {
+            z-index: 1000;
+        }
 }
@@ -77197,6 +77208,7 @@ $de-tlbr-margin-first: 8px !default;
 $de-tlbr-margin-first-big: 12px !default;
 $de-tlbr-margin-right: 4px !default;
 $de-tlbr-margin-right-big: 6px !default;
+$de-tbl-merge-cell: 17px !default;
 $de-ctrnr-tblr-separator-margin: 0 14px !default;
 $de-ctrnr-tblr-separator-margin-big: 0 16px !default;
 $de-ctnr-margin-bottom: 12px !default;
@@ -77461,6 +77473,14 @@ $de-ctnr-picture-margin-bottom: 0;
       font-size: 18px;
     }
   }
+  .e-de-contextmenu-wrapper {
+    .e-lib.e-contextmenu.e-control.e-menu-parent {
+      .e-blankicon {
+        padding-left: $de-tbl-merge-cell !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
+  }
 }

package/SCSS-Themes/bootstrap5.3-lite.scss CHANGED Viewed

@@ -22396,7 +22396,7 @@ $cbox-border-style: solid !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
@@ -32888,6 +32888,14 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
           cursor: default;
         }
       }
+      &.e-listview-template {
+        .e-list-item{
+          .e-checkbox{
+            display: flex;
+            align-items: baseline;
+          }
+        }
+      }
       & .e-list-parent {
         margin: 0;
@@ -56213,6 +56221,9 @@ $de-column-presets-font-size: $text-6xl !default;
             white-space: nowrap;
             color: white;
         }
+        .e-de-contextmenu-wrapper .e-menu-vscroll {
+            z-index: 1000;
+        }
 }
@@ -57073,6 +57084,7 @@ $de-tlbr-margin-first: 8px !default;
 $de-tlbr-margin-first-big: 12px !default;
 $de-tlbr-margin-right: 4px !default;
 $de-tlbr-margin-right-big: 6px !default;
+$de-tbl-merge-cell: 17px !default;
 $de-ctrnr-tblr-separator-margin: 0 14px !default;
 $de-ctrnr-tblr-separator-margin-big: 0 16px !default;
 $de-ctnr-margin-bottom: 12px !default;
@@ -57337,6 +57349,14 @@ $de-ctnr-picture-margin-bottom: 0;
       font-size: 18px;
     }
   }
+  .e-de-contextmenu-wrapper {
+    .e-lib.e-contextmenu.e-control.e-menu-parent {
+      .e-blankicon {
+        padding-left: $de-tbl-merge-cell !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
+  }
 }

package/SCSS-Themes/bootstrap5.3.scss CHANGED Viewed

@@ -31594,7 +31594,7 @@ $cbox-border-style: solid !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
@@ -44710,6 +44710,14 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
           cursor: default;
         }
       }
+      &.e-listview-template {
+        .e-list-item{
+          .e-checkbox{
+            display: flex;
+            align-items: baseline;
+          }
+        }
+      }
       & .e-list-parent {
         margin: 0;
@@ -75720,6 +75728,9 @@ $de-column-presets-font-size: $text-6xl !default;
             white-space: nowrap;
             color: white;
         }
+        .e-de-contextmenu-wrapper .e-menu-vscroll {
+            z-index: 1000;
+        }
 }
@@ -77544,6 +77555,7 @@ $de-tlbr-margin-first: 8px !default;
 $de-tlbr-margin-first-big: 12px !default;
 $de-tlbr-margin-right: 4px !default;
 $de-tlbr-margin-right-big: 6px !default;
+$de-tbl-merge-cell: 17px !default;
 $de-ctrnr-tblr-separator-margin: 0 14px !default;
 $de-ctrnr-tblr-separator-margin-big: 0 16px !default;
 $de-ctnr-margin-bottom: 12px !default;
@@ -77808,6 +77820,14 @@ $de-ctnr-picture-margin-bottom: 0;
       font-size: 18px;
     }
   }
+  .e-de-contextmenu-wrapper {
+    .e-lib.e-contextmenu.e-control.e-menu-parent {
+      .e-blankicon {
+        padding-left: $de-tbl-merge-cell !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
+  }
 }

package/SCSS-Themes/bootstrap5.scss CHANGED Viewed

@@ -30498,7 +30498,7 @@ $cbox-border-style: solid !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
@@ -43605,6 +43605,14 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
           cursor: default;
         }
       }
+      &.e-listview-template {
+        .e-list-item{
+          .e-checkbox{
+            display: flex;
+            align-items: baseline;
+          }
+        }
+      }
       & .e-list-parent {
         margin: 0;
@@ -74602,6 +74610,9 @@ $de-column-presets-font-size: $text-6xl !default;
             white-space: nowrap;
             color: white;
         }
+        .e-de-contextmenu-wrapper .e-menu-vscroll {
+            z-index: 1000;
+        }
 }
@@ -76416,6 +76427,7 @@ $de-tlbr-margin-first: 8px !default;
 $de-tlbr-margin-first-big: 12px !default;
 $de-tlbr-margin-right: 4px !default;
 $de-tlbr-margin-right-big: 6px !default;
+$de-tbl-merge-cell: 17px !default;
 $de-ctrnr-tblr-separator-margin: 0 14px !default;
 $de-ctrnr-tblr-separator-margin-big: 0 16px !default;
 $de-ctnr-margin-bottom: 12px !default;
@@ -76675,6 +76687,14 @@ $de-ctnr-picture-simplified-margin-top: 12px;
       font-size: 18px;
     }
   }
+  .e-de-contextmenu-wrapper {
+    .e-lib.e-contextmenu.e-control.e-menu-parent {
+      .e-blankicon {
+        padding-left: $de-tbl-merge-cell !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
+  }
 }

package/SCSS-Themes/buttons/check-box/bds-dark-lite.scss CHANGED Viewed

@@ -466,7 +466,7 @@ $cbox-border-style: solid !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/bds-dark.scss CHANGED Viewed

@@ -466,7 +466,7 @@ $cbox-border-style: solid !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/bds-lite.scss CHANGED Viewed

@@ -466,7 +466,7 @@ $cbox-border-style: solid !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/bds.scss CHANGED Viewed

@@ -466,7 +466,7 @@ $cbox-border-style: solid !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/bootstrap-dark-lite.scss CHANGED Viewed

@@ -466,7 +466,7 @@ $cbox-border-style: solid !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/bootstrap-dark.scss CHANGED Viewed

@@ -466,7 +466,7 @@ $cbox-border-style: solid !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/bootstrap-lite.scss CHANGED Viewed

@@ -466,7 +466,7 @@ $cbox-key-focussed-bgcolor: transparent !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/bootstrap.scss CHANGED Viewed

@@ -466,7 +466,7 @@ $cbox-key-focussed-bgcolor: transparent !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/bootstrap4-lite.scss CHANGED Viewed

@@ -466,7 +466,7 @@ $cbox-border-style: solid !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/bootstrap4.scss CHANGED Viewed

@@ -466,7 +466,7 @@ $cbox-border-style: solid !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/bootstrap5-dark-lite.scss CHANGED Viewed

@@ -466,7 +466,7 @@ $cbox-border-style: solid !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/bootstrap5-dark.scss CHANGED Viewed

@@ -466,7 +466,7 @@ $cbox-border-style: solid !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/bootstrap5-lite.scss CHANGED Viewed

@@ -466,7 +466,7 @@ $cbox-border-style: solid !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/bootstrap5.3-dark-lite.scss CHANGED Viewed

@@ -466,7 +466,7 @@ $cbox-border-style: solid !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/bootstrap5.3-dark.scss CHANGED Viewed

@@ -466,7 +466,7 @@ $cbox-border-style: solid !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/bootstrap5.3-lite.scss CHANGED Viewed

@@ -466,7 +466,7 @@ $cbox-border-style: solid !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/bootstrap5.3.scss CHANGED Viewed

@@ -466,7 +466,7 @@ $cbox-border-style: solid !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/bootstrap5.scss CHANGED Viewed

@@ -466,7 +466,7 @@ $cbox-border-style: solid !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/fabric-dark-lite.scss CHANGED Viewed

@@ -468,7 +468,7 @@ $cbox-ripple-size: -9px !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/fabric-dark.scss CHANGED Viewed

@@ -468,7 +468,7 @@ $cbox-ripple-size: -9px !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/fabric-lite.scss CHANGED Viewed

@@ -468,7 +468,7 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/fabric.scss CHANGED Viewed

@@ -468,7 +468,7 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/fluent-dark-lite.scss CHANGED Viewed

@@ -471,7 +471,7 @@ $cbox-icon-color: $icon-color !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/fluent-dark.scss CHANGED Viewed

@@ -471,7 +471,7 @@ $cbox-icon-color: $icon-color !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/fluent-lite.scss CHANGED Viewed

@@ -471,7 +471,7 @@ $cbox-icon-color: $icon-color !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/fluent.scss CHANGED Viewed

@@ -471,7 +471,7 @@ $cbox-icon-color: $icon-color !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/fluent2-dark-lite.scss CHANGED Viewed

@@ -80,7 +80,7 @@ $cbox-key-focussed-bgcolor: transparent !default;
 $cbox-ripple-bgcolor: transparent !default;
 $cbox-focussed-bgcolor: $cbox-hover-bgcolor !default;
 $cbox-focussed-border-color: $border-alt !default;
-$cbox-focussed-checkmark-bgcolor: $content-bg-color !default;
+$cbox-focussed-checkmark-bgcolor: $primary !default;
 $cbox-focussed-checkmark-border-color: $primary !default;
 $cbox-focussed-checkmark-color: $primary-text-color !default;
 $cbox-border-style: solid !default;
@@ -466,7 +466,7 @@ $cbox-border-style: solid !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/fluent2-dark.scss CHANGED Viewed

@@ -80,7 +80,7 @@ $cbox-key-focussed-bgcolor: transparent !default;
 $cbox-ripple-bgcolor: transparent !default;
 $cbox-focussed-bgcolor: $cbox-hover-bgcolor !default;
 $cbox-focussed-border-color: $border-alt !default;
-$cbox-focussed-checkmark-bgcolor: $content-bg-color !default;
+$cbox-focussed-checkmark-bgcolor: $primary !default;
 $cbox-focussed-checkmark-border-color: $primary !default;
 $cbox-focussed-checkmark-color: $primary-text-color !default;
 $cbox-border-style: solid !default;
@@ -466,7 +466,7 @@ $cbox-border-style: solid !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/fluent2-highcontrast-lite.scss CHANGED Viewed

@@ -80,7 +80,7 @@ $cbox-key-focussed-bgcolor: transparent !default;
 $cbox-ripple-bgcolor: transparent !default;
 $cbox-focussed-bgcolor: $cbox-hover-bgcolor !default;
 $cbox-focussed-border-color: $border-alt !default;
-$cbox-focussed-checkmark-bgcolor: $content-bg-color !default;
+$cbox-focussed-checkmark-bgcolor: $primary !default;
 $cbox-focussed-checkmark-border-color: $primary !default;
 $cbox-focussed-checkmark-color: $primary-text-color !default;
 $cbox-border-style: solid !default;
@@ -466,7 +466,7 @@ $cbox-border-style: solid !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/fluent2-highcontrast.scss CHANGED Viewed

@@ -80,7 +80,7 @@ $cbox-key-focussed-bgcolor: transparent !default;
 $cbox-ripple-bgcolor: transparent !default;
 $cbox-focussed-bgcolor: $cbox-hover-bgcolor !default;
 $cbox-focussed-border-color: $border-alt !default;
-$cbox-focussed-checkmark-bgcolor: $content-bg-color !default;
+$cbox-focussed-checkmark-bgcolor: $primary !default;
 $cbox-focussed-checkmark-border-color: $primary !default;
 $cbox-focussed-checkmark-color: $primary-text-color !default;
 $cbox-border-style: solid !default;
@@ -466,7 +466,7 @@ $cbox-border-style: solid !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;

package/SCSS-Themes/buttons/check-box/fluent2-lite.scss CHANGED Viewed

@@ -80,7 +80,7 @@ $cbox-key-focussed-bgcolor: transparent !default;
 $cbox-ripple-bgcolor: transparent !default;
 $cbox-focussed-bgcolor: $cbox-hover-bgcolor !default;
 $cbox-focussed-border-color: $border-alt !default;
-$cbox-focussed-checkmark-bgcolor: $content-bg-color !default;
+$cbox-focussed-checkmark-bgcolor: $primary !default;
 $cbox-focussed-checkmark-border-color: $primary !default;
 $cbox-focussed-checkmark-color: $primary-text-color !default;
 $cbox-border-style: solid !default;
@@ -466,7 +466,7 @@ $cbox-border-style: solid !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;