X-Git-Url: https://git.heureux-cyclage.org/?p=lhc%2Fweb%2Fwiklou.git;a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.rcfilters%2Fstyles%2Fmw.rcfilters.ui.ChangesListWrapperWidget.less;h=0fa31375697fae40f147b20c7a2fd6f9eab2e8b5;hp=555631be140c71a23137f53f6d9ae1aeaa784726;hb=5b554f3a809f49c2b196969987770d6c4bc00e09;hpb=c99dbcc7d5fc3b320e288fe7550044adc36b7212

diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ChangesListWrapperWidget.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ChangesListWrapperWidget.less
index 555631be14..0fa3137569 100644
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ChangesListWrapperWidget.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ChangesListWrapperWidget.less
@@ -1,11 +1,13 @@
+@import 'mediawiki.ui/variables';
 @import 'mw.rcfilters.mixins';
+@import 'mw.rcfilters.variables';
 
 @keyframes fadeBlue {
 	60% {
-		border-top-color: #36c;
+		border-top-color: @colorProgressive;
 	}
 	100% {
-		border-top-color: #c8ccd1;
+		border-top-color: @colorGray12;
 	}
 }
 
@@ -19,7 +21,7 @@
 
 	&-previousChangesIndicator {
 		margin: 10px 0;
-		border-top: 2px solid #c8ccd1;
+		border-top: 2px solid @colorGray12;
 		animation: 1s ease fadeBlue;
 	}
 
@@ -38,7 +40,7 @@
 	// We want the expand button to appear outside the color
 	// to match the way the general highlight background appears
 	&-enhanced-grey td:not( :nth-child( -n+2 ) ) {
-		background-color: #dee0e3;
+		background-color: @light-gray;
 	}
 
 	&-highlighted {
@@ -52,7 +54,7 @@
 	}
 
 	.mw-changeslist-legend {
-		background-color: #fff;
+		background-color: @background-color-base;
 	}
 
 	// Correction for Enhanced RC
@@ -140,7 +142,7 @@
 // a custom color rather than the computed tint
 // see https://phabricator.wikimedia.org/T161267
 .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c3 {
-	.highlight-changesListWrapperWidget( #ccdecc );
+	.highlight-changesListWrapperWidget( @light-green );
 }
 .highlight-color-mix( c1, c4 );
 .highlight-color-mix( c1, c5 );