X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.rcfilters%2Fstyles%2Fmw.rcfilters.ui.ItemMenuOptionWidget.less;h=72b40feaa820bc2d05027dce96dea34ee0495221;hb=5856fd2f6f2119af9dc104ae250d238364adee19;hp=75ea061aae7a5a1634cbc21d572ff1742f093432;hpb=c15f569fcec998b0a77a22a7970abfcb6a394d79;p=lhc%2Fweb%2Fwiklou.git

diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ItemMenuOptionWidget.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ItemMenuOptionWidget.less
index 75ea061aae..72b40feaa8 100644
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ItemMenuOptionWidget.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ItemMenuOptionWidget.less
@@ -1,4 +1,6 @@
 @import 'mediawiki.mixins';
+@import 'mediawiki.ui/variables';
+@import 'mw.rcfilters.variables';
 
 .mw-rcfilters-ui-itemMenuOptionWidget {
 	min-height: 3.5em;
@@ -6,11 +8,11 @@
 	.box-sizing( border-box );
 
 	&:not( :last-child ) {
-		border-bottom: 1px solid #eaecf0; // Base80 AAA
+		border-bottom: 1px solid @colorGray14;
 	}
 
 	&-view-namespaces {
-		border-top: 5px solid #c8ccd1;
+		border-top: 4px solid @colorGray12;
 
 		&:first-child,
 		&.mw-rcfilters-ui-itemMenuOptionWidget-identifier-subject + &.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk {
@@ -19,30 +21,35 @@
 	}
 
 	&:hover {
-		background-color: #f8f9fa;
+		background-color: @colorGray15;
 	}
 
 	.mw-rcfilters-ui-table {
-		padding-top: 0.5em;
+		padding-top: 6 / @font-size-system-ui / @font-size-vector;
+		padding-bottom: 6 / @font-size-system-ui / @font-size-vector;
 	}
 
 	&.oo-ui-optionWidget-selected {
-		background-color: #eaf3ff; // Accent90 AAA
+		background-color: @background-color-primary;
 	}
 
 	&-label {
 		&-title {
 			font-weight: bold;
 			font-size: 1.15em;
-			color: #222;
+			color: @colorGray2;
 		}
 		&-desc {
-			color: #54595d;
+			color: @colorGray5;
 			white-space: normal;
 		}
 	}
 
 	&-itemCheckbox {
+		.oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
+			padding-left: 12 / @font-size-system-ui / @font-size-vector;
+		}
+
 		.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
 			// Override margin-top and -bottom rules from FieldLayout
 			margin: 0 !important; /* stylelint-disable-line declaration-no-important */
@@ -61,7 +68,7 @@
 	&-excludeLabel {
 		width: 5em;
 		padding-left: 1em;
-		color: #54595d; // Base20 AAA
+		color: @colorGray5;
 	}
 
 	&-highlightButton {