diff --git a/packages/kbn-ui-framework/dist/ui_framework.css b/packages/kbn-ui-framework/dist/ui_framework.css index daf19bfd271e..0d013535e355 100644 --- a/packages/kbn-ui-framework/dist/ui_framework.css +++ b/packages/kbn-ui-framework/dist/ui_framework.css @@ -1582,8 +1582,9 @@ main { box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px #0079a5; /* 3 */ } .kuiCheckBox:disabled { - opacity: 0.3; - cursor: not-allowed; } + background-color: #D9D9D9 !important; + border-color: #D9D9D9 !important; + cursor: not-allowed !important; } .theme-dark .kuiCheckBox { background-color: #444444; border-color: #444444; } diff --git a/packages/kbn-ui-framework/src/components/form/check_box/_check_box.scss b/packages/kbn-ui-framework/src/components/form/check_box/_check_box.scss index 8a04de75f7f7..3301a7b16c06 100644 --- a/packages/kbn-ui-framework/src/components/form/check_box/_check_box.scss +++ b/packages/kbn-ui-framework/src/components/form/check_box/_check_box.scss @@ -1,6 +1,7 @@ $checkboxBackgroundColor: #FFF; $checkboxBorderColor: #BEBEBE; $checkboxIconColor: #FFF; +$checkboxDisabledColor: #D9D9D9; $checkboxCheckedBackgroundColor: $kuiColorBlue; $checkboxDisabledOpacity: 0.3; @@ -49,8 +50,9 @@ $checkboxDisabledOpacity: 0.3; } &:disabled { - opacity: $checkboxDisabledOpacity; - cursor: not-allowed; + background-color: $checkboxDisabledColor !important; + border-color: $checkboxDisabledColor !important; + cursor: not-allowed !important; } @include darkTheme {