diff --git a/packages/components/src/components/toggle/_toggle.scss b/packages/components/src/components/toggle/_toggle.scss index beb5f8f38c1b..b38e0c04b5c2 100644 --- a/packages/components/src/components/toggle/_toggle.scss +++ b/packages/components/src/components/toggle/_toggle.scss @@ -421,6 +421,21 @@ box-shadow: none; } + // disabled toggle in data table #7351 + .#{$prefix}--data-table + .#{$prefix}--toggle-input:disabled + + .#{$prefix}--toggle-input__label + > .#{$prefix}--toggle__switch::before { + background-color: $disabled-02; + } + + .#{$prefix}--data-table + .#{$prefix}--toggle-input:disabled + + .#{$prefix}--toggle-input__label + > .#{$prefix}--toggle__switch::after { + background-color: $disabled-03; + } + //---------------------------------------------- // Small toggle // ---------------------------------------------