From b3f5a3d68e944aff83d89b150a6de1201b64ac77 Mon Sep 17 00:00:00 2001 From: Greg Douglas Date: Thu, 5 Sep 2024 11:56:10 -0400 Subject: [PATCH] Reduce opacity of disabled checkbox control indicator (#6962) --- packages/core/src/components/forms/_controls.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/packages/core/src/components/forms/_controls.scss b/packages/core/src/components/forms/_controls.scss index d4321fd1f0..3037127daa 100644 --- a/packages/core/src/components/forms/_controls.scss +++ b/packages/core/src/components/forms/_controls.scss @@ -265,6 +265,10 @@ $control-indicator-spacing: $pt-grid-size !default; @include indicator-inline-icon("small-minus"); } + input:disabled ~ .#{$ns}-control-indicator::before { + opacity: 0.5; + } + @media (forced-colors: active) and (prefers-color-scheme: dark) { input:checked:not(:disabled) ~ .#{$ns}-control-indicator { @include indicator-inline-icon("small-tick", $black);