1 files changed, 30 insertions, 0 deletions
diff --git a/www/wiki/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterItemHighlightButton.less b/www/wiki/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterItemHighlightButton.less
new file mode 100644
index 00000000..198f5997
--- /dev/null
+++ b/www/wiki/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterItemHighlightButton.less
@@ -0,0 +1,30 @@
+@import 'mw.rcfilters.mixins';
+
+.mw-rcfilters-ui-filterItemHighlightButton {
+	.oo-ui-buttonWidget.oo-ui-popupButtonWidget .oo-ui-buttonElement-button > &-circle {
+		display: inline-block;
+		vertical-align: middle;
+		background-image: none;
+		margin-right: 0.2em;
+
+		&-color {
+			&-c1 {
+				// These values duplicate the sizing of the icon
+				// width/height 1.875em
+				.mw-rcfilters-mixin-circle( @highlight-c1, 1.875em, 0.2em 0 );
+			}
+			&-c2 {
+				.mw-rcfilters-mixin-circle( @highlight-c2, 1.875em, 0.2em 0 );
+			}
+			&-c3 {
+				.mw-rcfilters-mixin-circle( @highlight-c3, 1.875em, 0.2em 0 );
+			}
+			&-c4 {
+				.mw-rcfilters-mixin-circle( @highlight-c4, 1.875em, 0.2em 0 );
+			}
+			&-c5 {
+				.mw-rcfilters-mixin-circle( @highlight-c5, 1.875em, 0.2em 0 );
+			}
+		}
+	}
+}