diff --git a/skinStyles/mediawiki/mediawiki.rcfilters.filters.base.styles.less b/skinStyles/mediawiki/mediawiki.rcfilters.filters.base.styles.less index ba55cbf5..e7330e02 100644 --- a/skinStyles/mediawiki/mediawiki.rcfilters.filters.base.styles.less +++ b/skinStyles/mediawiki/mediawiki.rcfilters.filters.base.styles.less @@ -68,6 +68,14 @@ } } + &:hover { + background-color: var( --background-color-quiet--hover ); + } + + &.oo-ui-optionWidget-selected { + background-color: var( --color-primary--active ); + } + &:not( :last-child ):not( .mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk ) { border-color: var( --border-color-base ); } diff --git a/skinStyles/oojs/oojs-ui-core.less b/skinStyles/oojs/oojs-ui-core.less index 9dbbb713..494df7ae 100644 --- a/skinStyles/oojs/oojs-ui-core.less +++ b/skinStyles/oojs/oojs-ui-core.less @@ -681,3 +681,10 @@ .oo-ui-progressBarWidget.oo-ui-widget-disabled .oo-ui-progressBarWidget-bar { background-color: var( --background-color-framed--active ); } + +// Invert icon for dark mode +.skin-citizen-dark { + .oo-ui-iconElement-icon { + filter: invert( 1 ) hue-rotate( 180deg ); + } +}