diff --git a/resources/mmv/mmv.mixins.less b/resources/mmv/mmv.mixins.less
index 14fa92d71..4f3da3393 100644
--- a/resources/mmv/mmv.mixins.less
+++ b/resources/mmv/mmv.mixins.less
@@ -1,8 +1,10 @@
+@import 'mediawiki.skin.variables.less';
+
 // from https://stackoverflow.com/a/12178019/323407
-.fade-out-vertical( @backgroundColor: white ) {
+.fade-out-vertical( @backgroundColor: @background-color-base ) {
 	background-image: linear-gradient( to bottom, @background-color-transparent 0%, @backgroundColor 100% ); // W3C
 }
 
-.fade-out-horizontal( @backgroundColor: white ) {
+.fade-out-horizontal( @backgroundColor: @background-color-base ) {
 	background-image: linear-gradient( to right, @background-color-transparent 0%, @backgroundColor 100% ); // W3C
 }
diff --git a/resources/mmv/ui/mmv.ui.permission.less b/resources/mmv/ui/mmv.ui.permission.less
index 30a7acc27..b07f09e99 100644
--- a/resources/mmv/ui/mmv.ui.permission.less
+++ b/resources/mmv/ui/mmv.ui.permission.less
@@ -49,7 +49,7 @@
 
 			a {
 				padding: 3px 0 0 1em;
-				background-color: #fff;
+				background-color: @background-color-interactive-subtle;
 				font-size: 1em;
 			}
 		}
@@ -73,7 +73,7 @@
 
 		.mw-mmv-permission-html {
 			display: block;
-			border-top: 1px solid #f8f9fa;
+			border-top: 1px solid @border-color-base;
 		}
 	}
 }