From b70c8fd3501b4f7b82d4bf2512e19462517913ae Mon Sep 17 00:00:00 2001 From: Dan Cormier Date: Thu, 26 Oct 2023 15:36:22 -0400 Subject: [PATCH] Invert md switcher icon color when selected; fix hover --- src/styles/icons.css | 49 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 49 insertions(+) diff --git a/src/styles/icons.css b/src/styles/icons.css index 957685ab..9e8a318b 100644 --- a/src/styles/icons.css +++ b/src/styles/icons.css @@ -13,3 +13,52 @@ .svg-icon-bg.iconEllipsisHorizontal { --bg-icon: url("~@stackoverflow/stacks-icons/src/Icon/EllipsisHorizontal.svg"); } + +/* Override for icon color in HC mode */ +.theme-highcontrast + .s-btn-group.s-btn-group--radio + .s-btn--radio:checked + + .s-btn.s-btn__outlined + .svg-icon-bg.iconRichText:after, +.theme-highcontrast + .s-btn-group.s-btn-group--radio + .s-btn--radio:checked + + .s-btn.s-btn__outlined + .svg-icon-bg.iconMarkdownPreview:after, +.theme-highcontrast + .s-btn-group.s-btn-group--radio + .s-btn--radio:checked + + .s-btn.s-btn__outlined + .svg-icon-bg.iconMarkdown:after { + color: var(--white); +} + +.theme-highcontrast + .s-btn-group.s-btn-group--radio + .s-btn--radio:checked + + .s-btn.s-btn__outlined, +.theme-highcontrast + .s-btn-group.s-btn-group--radio + .s-btn--radio:checked + + .s-btn.s-btn__outlined, +.theme-highcontrast + .s-btn-group.s-btn-group--radio + .s-btn--radio:checked + + .s-btn.s-btn__outlined { + background-color: var(--black-400) !important; +} + +.theme-highcontrast + .s-btn-group.s-btn-group--radio + .s-btn--radio:checked + + .s-btn.s-btn__outlined:hover, +.theme-highcontrast + .s-btn-group.s-btn-group--radio + .s-btn--radio:checked + + .s-btn.s-btn__outlined:hover, +.theme-highcontrast + .s-btn-group.s-btn-group--radio + .s-btn--radio:checked + + .s-btn.s-btn__outlined:hover { + background-color: var(--black-500) !important; +}