diff --git a/media_source/templates/administrator/atum/scss/vendor/choicesjs/choices.scss b/media_source/templates/administrator/atum/scss/vendor/choicesjs/choices.scss index 1c63d20cebda..f2127bdfeef4 100644 --- a/media_source/templates/administrator/atum/scss/vendor/choicesjs/choices.scss +++ b/media_source/templates/administrator/atum/scss/vendor/choicesjs/choices.scss @@ -119,7 +119,7 @@ cursor: pointer; background: none; border: 0; - opacity: .5; + opacity: .75; appearance: none; inline-size: 24px; block-size: 24px; @@ -209,7 +209,7 @@ margin-block-start: -10px; margin-inline-end: 50px; border-radius: 10em; - opacity: .5; + opacity: .75; &:hover, &:focus { @@ -226,6 +226,21 @@ } } +// Remove button: >= 3:1 against the dark item background (WCAG 1.4.11) +@if $enable-dark-mode { + @include color-mode(dark) { + .choices__button_joomla, + .choices[data-type*="select-one"] .choices__button_joomla { + opacity: .9; + + &:hover, + &:focus { + opacity: 1; + } + } + } +} + .choices[data-type*="select-multiple"], .choices[data-type*="text"] { .choices__input {