diff --git a/packages/styles/src/components/card-control.scss b/packages/styles/src/components/card-control.scss index 325b319bd6..049fad2671 100644 --- a/packages/styles/src/components/card-control.scss +++ b/packages/styles/src/components/card-control.scss @@ -173,7 +173,7 @@ fieldset { &:where(:has(input:checked), .checked) { --post-card-control-border-color: FieldText; --post-card-control-bg: SelectedItem; - --post-card-control-color: FieldText; + --post-card-control-color: SelectedItemText; --post-card-control-input-border-color: FieldText; input.form-check-input[type] { diff --git a/packages/styles/src/components/segmented-button.scss b/packages/styles/src/components/segmented-button.scss index 8eeceee911..d3feb8b25d 100644 --- a/packages/styles/src/components/segmented-button.scss +++ b/packages/styles/src/components/segmented-button.scss @@ -91,6 +91,10 @@ $post-segmented-button-max-count: 8; tokens.get('button-segmented-selected-border'); border-radius: inherit; transition: transform 0.4s cubic-bezier(0.25, 1.4, 0.5, 0.9); + + @include utilities.high-contrast-mode() { + background-color: SelectedItem; + } } }