fix(switch): use solid color for checked disabled switch

telerik · Oct 20, 2021 · d5b87bf · d5b87bf
1 parent 7b39741
commit d5b87bf
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 7 deletions.
diff --git a/packages/bootstrap/scss/switch/_layout.scss b/packages/bootstrap/scss/switch/_layout.scss
@@ -1 +1,11 @@
 @import "~@progress/kendo-theme-default/scss/switch/_layout.scss";
+
+@include exports( "switch/layout/bootstrap" ) {
+
+    // Switch
+    .k-switch.k-disabled {
+        opacity: 1;
+        filter: none;
+    }
+
+}
diff --git a/packages/bootstrap/scss/switch/_theme.scss b/packages/bootstrap/scss/switch/_theme.scss
@@ -2,17 +2,11 @@
 
 @include exports( "switch/theme/bootstrap" ) {
 
-    // Switch
-    .k-switch.k-state-disabled {
-        opacity: 1;
-        filter: none;
-    }
-
     .k-switch-on.k-state-disabled {
 
         // Switch track
         .k-switch-container {
-            background-color: rgba( $switch-on-bg, .5 );
+            background-color: try-tint( $switch-on-bg, 50% );
         }
 
         // Switch thumb