Align to WikimediaUI style guide and code cleanup

Aligning to WikimediaUI style guide by replacing colors with standard color palette equivalents, merging close colors (ex: `#E6E6E6` & `#eee` become `#eaecf0` ) and slightly increase contrast on a few to meet WCAG 2.0 level AA criteria. Also: - following other code bases like MobileFrontend or OOjs UI in using `border-radius` property instead of obsolete mixin - removing non-existing browser vendor prefixes in mixins - removing non-used Less variables - bringing CSS/Less code closer to coding standards and - simplifying Less code where applicable Change-Id: Icb936e14ff613471ea1da6df6341ec1b0543cfaf
2024-09-24 10:49:40 +00:00 · 2017-03-02 15:45:42 -08:00 · 2017-03-02 15:45:42 -08:00 · 7157729ae8
parent b129118d53
commit 7157729ae8
53 changed files with 125 additions and 180 deletions
--- a/resources/mmv/img/expand.svg
+++ b/resources/mmv/img/expand.svg
@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 768">
-    <g fill="#777">
+    <g fill="#72777d">
        <path d="M851.2 71.6L690.7 232.1l-40.1-40.3-9.6 164.8 164.8-9.3-40.3-40.4L926 146.4l58.5 58.5L997.6 0 792.7 13.1"/>
        <path d="M769.6 89.3H611.9l70.9 70.8 7.9 7.5m-47.1 234.6l-51.2 3 3-51.2 9.4-164.4 5.8-100.3H26.4V768h883.1V387l-100.9 5.8-165 9.4zM813.9 678H113.6l207.2-270.2 31.5-12.9L548 599.8l105.9-63.2 159.8 140.8.2.6zm95.6-291.9V228l-79.1 78.9 7.8 7.9"/>
    </g>
--- a/resources/mmv/img/gear_gray.svg
+++ b/resources/mmv/img/gear_gray.svg
@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 768">
-    <path d="M897 454.6V313.4L810.4 299c-6.4-23.3-16-45.7-27.3-65.8l50.5-71.4-99.4-100.2-71.4 50.5c-20.9-11.2-42.5-20.9-65.8-27.3L582.6-1H441.4L427 85.6c-23.3 6.4-45.7 16-65.8 27.3l-71.4-50.5-100.3 99.5 50.5 71.4c-11.2 20.9-20.9 42.5-27.3 66.6L127 313.4v141.2l85.8 14.4c6.4 23.3 16 45.7 27.3 66.6L189.6 607l99.5 99.5 71.4-50.5c20.9 11.2 42.5 20.9 66.6 27.3l14.4 85.8h141.2l14.4-86.6c23.3-6.4 45.7-16 65.8-27.3l71.4 50.5 99.5-99.5-50.5-71.4c11.2-20.9 20.9-42.5 27.3-66.6l86.4-13.6zm-385 77c-81.8 0-147.6-66.6-147.6-147.6 0-81.8 66.6-147.6 147.6-147.6S659.6 302.2 659.6 384 593.8 531.6 512 531.6z" fill="#777"/>
+    <path d="M897 454.6V313.4L810.4 299c-6.4-23.3-16-45.7-27.3-65.8l50.5-71.4-99.4-100.2-71.4 50.5c-20.9-11.2-42.5-20.9-65.8-27.3L582.6-1H441.4L427 85.6c-23.3 6.4-45.7 16-65.8 27.3l-71.4-50.5-100.3 99.5 50.5 71.4c-11.2 20.9-20.9 42.5-27.3 66.6L127 313.4v141.2l85.8 14.4c6.4 23.3 16 45.7 27.3 66.6L189.6 607l99.5 99.5 71.4-50.5c20.9 11.2 42.5 20.9 66.6 27.3l14.4 85.8h141.2l14.4-86.6c23.3-6.4 45.7-16 65.8-27.3l71.4 50.5 99.5-99.5-50.5-71.4c11.2-20.9 20.9-42.5 27.3-66.6l86.4-13.6zm-385 77c-81.8 0-147.6-66.6-147.6-147.6 0-81.8 66.6-147.6 147.6-147.6S659.6 302.2 659.6 384 593.8 531.6 512 531.6z" fill="#72777d"/>
 </svg>
--- a/resources/mmv/img/x_gray.svg
+++ b/resources/mmv/img/x_gray.svg
@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="utf-8"?>
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 612 792">
-    <path fill="#777" d="M612 179.2L522.8 90 306 306.8 89.2 90 0 179.2 216.8 396 0 612.8 89.2 702 306 485.2 522.8 702l89.2-89.2L395.2 396"/>
+    <path fill="#72777d" d="M612 179.2L522.8 90 306 306.8 89.2 90 0 179.2 216.8 396 0 612.8 89.2 702 306 485.2 522.8 702l89.2-89.2L395.2 396"/>
 </svg>
--- a/resources/mmv/mmv.bootstrap.less
+++ b/resources/mmv/mmv.bootstrap.less
@ -1,5 +1,3 @@
-@expand-link-border-color: #ddd;
-
 .mw-mmv-overlay {
 	position: fixed;
 	top: 0;
@ -7,7 +5,7 @@
 	right: 0;
 	bottom: 0;
 	z-index: 1000;
-	background-color: rgb( 0, 0, 0 );
+	background-color: #000;
 }

 body.mw-mmv-lightbox-open {
--- a/resources/mmv/mmv.lightboxinterface.less
+++ b/resources/mmv/mmv.lightboxinterface.less
@ -1,8 +1,6 @@
@import 'mmv.globals';
@import 'mmv.mixins';

-@metadata-background: rgb( 248, 248, 248 );
-
 .mw-mmv-wrapper {
 	top: 0;
 	left: 0;
@ -54,7 +52,7 @@
 	width: 100%;
 	bottom: auto;
 	height: auto;
-	color: #333;
+	color: #222;
 	background-color: @panel-above-fold-background-color;
 	min-height: ( @metadatabar-above-fold-inner-height + 1 );
 	z-index: 1005;
@ -66,11 +64,11 @@
 	height: @metadatabar-above-fold-inner-height;
 	// min-height is used when the height is changed to auto to display long texts, to make sure the layout
 	// is not messed up wheen the text is short and does not fill the available place. It is also used by
-	// Javascript to get the "default" height.
+	// JavaScript to get the "default" height.
 	min-height: @metadatabar-above-fold-inner-height;
 	position: relative;
 	// make sure there is no content in the part which is overlapped by the revealed part of the below-fold content
-	// also used in Javascript for the height calculations
+	// also used in JavaScript for the height calculations
 	padding-bottom: @metadatabar-below-fold-pushup-height;

 	.mw-mmv-untruncated & {
@ -97,11 +95,11 @@
 	.mw-mmv-post-image {
 		position: fixed;
 		min-height: 0;
-		.opacity(0);
+		.opacity( 0 );
 		transition: opacity 0.25s;

 		&:hover {
-			.opacity(1);
+			.opacity( 1 );
 		}
 	}
 }
--- a/resources/mmv/mmv.mixins.less
+++ b/resources/mmv/mmv.mixins.less
@ -1,20 +1,9 @@
 /* stylelint-disable function-parentheses-space-inside */
 /* stylelint-disable string-quotes */

-// from http://css3please.com/
-.box-round( @radius ) {
-	-webkit-border-radius: @radius; // Android ≤ 1.6, iOS 1-3.2, Safari 3-4
-	border-radius: @radius; // Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+
-
-	// useful if you don't want a bg color from leaking outside the border:
-	background-clip: padding-box; // Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+
-}
-
 .unselectable() {
-	-moz-user-select: -moz-none;
-	-khtml-user-select: none;
 	-webkit-user-select: none;
-	-o-user-select: none;
+	-moz-user-select: -moz-none;
 	-ms-user-select: none;
 	user-select: none;
 }
@ -31,7 +20,6 @@
 	background-image: -moz-linear-gradient( top, @invisible 0%, @backgroundColor 100% ); // FF3.6+
 	background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 0%, @invisible ), color-stop( 100%, @backgroundColor ) ); // Chrome,Safari4+
 	background-image: -webkit-linear-gradient( top, @invisible 0%, @backgroundColor 100% ); // Chrome10+,Safari5.1+
-	background-image: -o-linear-gradient( top, @invisible 0%, @backgroundColor 100% ); // Opera 11.10+
 	background-image: linear-gradient( to bottom, @invisible 0%, @backgroundColor 100% ); // W3C
 	filter: e( %( "progid:DXImageTransform.Microsoft.gradient( startColorstr='#%s', endColorstr='#%s',GradientType=0 )", rgbahex( @invisible ), rgbahex( @backgroundColor) ) ); // IE6-9
 }
@ -40,7 +28,6 @@
 	background-image: -moz-linear-gradient( left, @invisible 0%, @backgroundColor 100% ); // FF3.6+
 	background-image: -webkit-gradient( linear, left top, right top, color-stop(0%, @invisible ), color-stop( 100%, @backgroundColor) ); // Chrome,Safari4+
 	background-image: -webkit-linear-gradient( left, @invisible 0%, @backgroundColor 100% ); // Chrome10+,Safari5.1+
-	background-image: -o-linear-gradient( left, @invisible 0%, @backgroundColor 100% ); // Opera 11.10+
 	background-image: linear-gradient( to right, @invisible 0%, @backgroundColor 100% ); // W3C
 	filter: e( %( "progid:DXImageTransform.Microsoft.gradient( startColorstr='#%s', endColorstr='#%s',GradientType=1 )", rgbahex( @invisible ), rgbahex( @backgroundColor) ) ); // IE6-9
 }
@ -48,8 +35,7 @@
 .rotate( @degrees: 45deg ) {
 	-webkit-transform: rotate( @degrees );
 	-moz-transform: rotate( @degrees );
-	-ms-transform: rotate( @degrees );
-	-o-transform: rotate( @degrees );
+	-ms-transform: rotate( @degrees ); // IE 9 only
 	transform: rotate( @degrees );

 	/* stylelint-disable number-no-trailing-zeros */
@ -68,10 +54,7 @@
 // from http://pixelhunter.me/post/25782670606/css3-grayscale
 .grayscale() {
 	-webkit-filter: grayscale( 100% );
-	-moz-filter: grayscale( 100% );
-	-ms-filter: grayscale( 100% );
-	-o-filter: grayscale( 100% );
 	filter: url( "data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale" ); /* Firefox 3.5+ */ /* stylelint-disable-line function-url-quotes */
 	filter: grayscale( 100% );
-	filter: #808080; // IE 6-9
+	filter: #72777d; // IE 6-9
 }
--- a/resources/mmv/ui/img/angle-separator.svg
+++ b/resources/mmv/ui/img/angle-separator.svg
@ -3,5 +3,5 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 14 82" enable-background="new 0 0 14 82" xml:space="preserve">
-<polygon fill="#CCCCCC" points="1,82.1 0,81.8 12.4,41.8 0,0.1 1,-0.1 13.4,41.8 13.4,42 "/>
+<polygon fill="#c8ccd1" points="1,82.1 0,81.8 12.4,41.8 0,0.1 1,-0.1 13.4,41.8 13.4,42 "/>
 </svg>
--- a/resources/mmv/ui/img/cc.svg
+++ b/resources/mmv/ui/img/cc.svg
@ -1 +1 @@
-<?xml version="1.0" encoding="UTF-8"?><svg version="1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="5.5 -3.5 64 64"><circle stroke="#939598" cx="37.785" cy="28.501" r="28.836" fill="none"/><path d="M37.441-3.5c8.951 0 16.572 3.125 22.857 9.372 3.008 3.009 5.295 6.448 6.857 10.314 1.561 3.867 2.344 7.971 2.344 12.314 0 4.381-.773 8.486-2.314 12.313-1.543 3.828-3.82 7.21-6.828 10.143-3.123 3.085-6.666 5.448-10.629 7.086-3.961 1.638-8.057 2.457-12.285 2.457s-8.276-.808-12.143-2.429c-3.866-1.618-7.333-3.961-10.4-7.027-3.067-3.066-5.4-6.524-7-10.372s-2.4-7.904-2.4-12.171c0-4.229.809-8.295 2.428-12.2 1.619-3.905 3.972-7.4 7.057-10.486 6.095-6.208 13.58-9.314 22.456-9.314zm.116 5.772c-7.314 0-13.467 2.553-18.458 7.657-2.515 2.553-4.448 5.419-5.8 8.6-1.354 3.181-2.029 6.505-2.029 9.972 0 3.429.675 6.734 2.029 9.913 1.353 3.183 3.285 6.021 5.8 8.516 2.514 2.496 5.351 4.399 8.515 5.715 3.161 1.314 6.476 1.971 9.943 1.971 3.428 0 6.75-.665 9.973-1.999 3.219-1.335 6.121-3.257 8.713-5.771 4.99-4.876 7.484-10.99 7.484-18.344 0-3.543-.648-6.895-1.943-10.057-1.293-3.162-3.18-5.98-5.654-8.458-5.146-5.143-11.335-7.715-18.573-7.715zm-.401 20.915l-4.287 2.229c-.458-.951-1.019-1.619-1.685-2-.667-.38-1.286-.571-1.858-.571-2.856 0-4.286 1.885-4.286 5.657 0 1.714.362 3.084 1.085 4.113.724 1.029 1.791 1.544 3.201 1.544 1.867 0 3.181-.915 3.944-2.743l3.942 2c-.838 1.563-2 2.791-3.486 3.686-1.484.896-3.123 1.343-4.914 1.343-2.857 0-5.163-.875-6.915-2.629-1.752-1.752-2.628-4.19-2.628-7.313 0-3.048.886-5.466 2.657-7.257 1.771-1.79 4.009-2.686 6.715-2.686 3.963-.002 6.8 1.541 8.515 4.627zm18.457 0l-4.229 2.229c-.457-.951-1.02-1.619-1.686-2-.668-.38-1.307-.571-1.914-.571-2.857 0-4.287 1.885-4.287 5.657 0 1.714.363 3.084 1.086 4.113.723 1.029 1.789 1.544 3.201 1.544 1.865 0 3.18-.915 3.941-2.743l4 2c-.875 1.563-2.057 2.791-3.541 3.686-1.486.896-3.105 1.343-4.857 1.343-2.896 0-5.209-.875-6.941-2.629-1.736-1.752-2.602-4.19-2.602-7.313 0-3.048.885-5.466 2.658-7.257 1.77-1.79 4.008-2.686 6.713-2.686 3.962-.002 6.783 1.541 8.458 4.627z" fill="#939598"/></svg>
+<?xml version="1.0" encoding="UTF-8"?><svg version="1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="5.5 -3.5 64 64"><circle stroke="#72777d" cx="37.785" cy="28.501" r="28.836" fill="none"/><path d="M37.441-3.5c8.951 0 16.572 3.125 22.857 9.372 3.008 3.009 5.295 6.448 6.857 10.314 1.561 3.867 2.344 7.971 2.344 12.314 0 4.381-.773 8.486-2.314 12.313-1.543 3.828-3.82 7.21-6.828 10.143-3.123 3.085-6.666 5.448-10.629 7.086-3.961 1.638-8.057 2.457-12.285 2.457s-8.276-.808-12.143-2.429c-3.866-1.618-7.333-3.961-10.4-7.027-3.067-3.066-5.4-6.524-7-10.372s-2.4-7.904-2.4-12.171c0-4.229.809-8.295 2.428-12.2 1.619-3.905 3.972-7.4 7.057-10.486 6.095-6.208 13.58-9.314 22.456-9.314zm.116 5.772c-7.314 0-13.467 2.553-18.458 7.657-2.515 2.553-4.448 5.419-5.8 8.6-1.354 3.181-2.029 6.505-2.029 9.972 0 3.429.675 6.734 2.029 9.913 1.353 3.183 3.285 6.021 5.8 8.516 2.514 2.496 5.351 4.399 8.515 5.715 3.161 1.314 6.476 1.971 9.943 1.971 3.428 0 6.75-.665 9.973-1.999 3.219-1.335 6.121-3.257 8.713-5.771 4.99-4.876 7.484-10.99 7.484-18.344 0-3.543-.648-6.895-1.943-10.057-1.293-3.162-3.18-5.98-5.654-8.458-5.146-5.143-11.335-7.715-18.573-7.715zm-.401 20.915l-4.287 2.229c-.458-.951-1.019-1.619-1.685-2-.667-.38-1.286-.571-1.858-.571-2.856 0-4.286 1.885-4.286 5.657 0 1.714.362 3.084 1.085 4.113.724 1.029 1.791 1.544 3.201 1.544 1.867 0 3.181-.915 3.944-2.743l3.942 2c-.838 1.563-2 2.791-3.486 3.686-1.484.896-3.123 1.343-4.914 1.343-2.857 0-5.163-.875-6.915-2.629-1.752-1.752-2.628-4.19-2.628-7.313 0-3.048.886-5.466 2.657-7.257 1.771-1.79 4.009-2.686 6.715-2.686 3.963-.002 6.8 1.541 8.515 4.627zm18.457 0l-4.229 2.229c-.457-.951-1.02-1.619-1.686-2-.668-.38-1.307-.571-1.914-.571-2.857 0-4.287 1.885-4.287 5.657 0 1.714.363 3.084 1.086 4.113.723 1.029 1.789 1.544 3.201 1.544 1.865 0 3.18-.915 3.941-2.743l4 2c-.875 1.563-2.057 2.791-3.541 3.686-1.486.896-3.105 1.343-4.857 1.343-2.896 0-5.209-.875-6.941-2.629-1.736-1.752-2.602-4.19-2.602-7.313 0-3.048.885-5.466 2.658-7.257 1.77-1.79 4.008-2.686 6.713-2.686 3.962-.002 6.783 1.541 8.458 4.627z" fill="#72777d"/></svg>
--- a/resources/mmv/ui/img/commons_gray.svg
+++ b/resources/mmv/ui/img/commons_gray.svg
@ -21,10 +21,10 @@
 	<path
   d="M 44.6,85.1 C 38,84.9 31.9,81.9 27.6,76.9 24,72.7 22.1,67.4 22.1,61.8 c 0,-5.6 1.9,-10.9 5.6,-15.2 0.5,-0.6 1.7,-1.8 1.8,-1.8 0,0 1.4,1.4 3.1,3.1 l 3.1,3.1 0.9,-0.8 c 0.5,-0.5 0.9,-0.8 0.9,-0.8 0,0 0.6,1.9 1.8,6.4 0,0 0,0.1 -0.1,0.1 0,0 -5.9,-1.6 -6.3,-1.7 0,0 -0.1,0 -0.1,0 0,0 0.4,-0.4 0.8,-0.9 0.5,-0.5 0.8,-0.9 0.8,-0.9 0,-0.1 -1.5,-1.6 -1.5,-1.6 0,0 -0.4,0.5 -0.8,0.9 -1.9,2.4 -3.1,5.4 -3.4,8.4 -0.1,0.8 -0.1,0.9 0,1 0.1,0 2.1,0 2.2,0 0,0 0,-0.3 0,-1.2 0,-1.2 0,-1.2 0.1,-1.2 0.1,0 5.7,3.3 5.7,3.3 0,0 0,0.1 -0.1,0.1 -0.1,-0.1 -5.6,3 -5.6,3 0,0 0,-0.5 0,-1.2 l 0,-1.2 h -1.1 -1.1 l 0,0.3 c 0,0.6 0.2,1.7 0.4,2.5 0.5,2.4 1.6,4.6 3.1,6.5 0.3,0.3 0.8,1 0.8,1 0,0 1.6,-1.5 1.6,-1.6 0,0 -0.4,-0.4 -0.8,-0.9 -0.5,-0.5 -0.8,-0.9 -0.8,-0.9 0,-0.1 6.4,-1.8 6.4,-1.7 0,0 -1.7,6.4 -1.7,6.4 0,0 -0.3,-0.3 -0.9,-0.8 C 36.4,73 36,72.6 36,72.6 c -0.1,0 -1.6,1.5 -1.5,1.6 0,0.1 0.6,0.6 1.1,0.9 1.9,1.4 4.1,2.5 6.5,3 0.8,0.2 1.9,0.3 2.5,0.4 l 0.3,0 v -1.1 -1.1 l -1.2,0 c -0.8,0 -1.2,0 -1.2,0 0,-0.1 3.3,-5.8 3.3,-5.8 0,0 3.3,5.7 3.3,5.8 0,0 -0.4,0 -1.2,0 l -1.2,0 v 1.1 1.1 l 0.3,0 c 0.6,0 1.7,-0.2 2.5,-0.4 2.4,-0.5 4.6,-1.6 6.5,-3 0.4,-0.3 1,-0.8 1.1,-0.9 0.1,-0.1 -1.5,-1.6 -1.5,-1.6 0,0 -0.4,0.4 -0.9,0.9 -0.5,0.5 -0.9,0.8 -0.9,0.8 0,-0.1 -1.7,-6.4 -1.7,-6.4 0,0 6.4,1.7 6.4,1.7 0,0 -0.3,0.3 -0.8,0.9 -0.5,0.5 -0.8,0.9 -0.8,0.9 0,0.1 1.5,1.6 1.6,1.6 0.1,0 0.6,-0.6 0.8,-1 1.5,-1.9 2.5,-4.2 3.1,-6.5 0.2,-0.8 0.3,-1.9 0.3,-2.5 l 0,-0.3 H 61 59.9 l 0,1.2 c 0,0.7 0,1.2 0,1.2 0,0 -5.5,-3.1 -5.7,-3.3 0,0 -0.1,-0.1 -0.1,-0.1 0,0 5.6,-3.3 5.7,-3.3 0.1,0 0.1,0 0.1,1.2 0,0.9 0,1.2 0,1.2 0,0 2.1,0.1 2.2,0 0,0 0,-0.1 0,-1 -0.3,-3 -1.5,-6 -3.4,-8.4 -0.4,-0.5 -0.8,-0.9 -0.8,-0.9 0,0 -1.5,1.5 -1.5,1.5 0,0 0.4,0.4 0.8,0.9 0.5,0.5 0.8,0.9 0.8,0.9 0,0 0,0 -0.1,0.1 -0.4,0.1 -6.3,1.7 -6.3,1.7 0,0 -0.1,0 0,-0.1 1.2,-4.4 1.7,-6.3 1.8,-6.4 0,0 0.4,0.3 0.9,0.8 l 0.9,0.8 0.8,-0.8 c 0.4,-0.4 0.8,-0.8 0.8,-0.8 0,0 -0.5,-0.4 -0.9,-0.7 -0.9,-0.6 -1.5,-0.8 -4.4,-2 -2,-0.8 -3,-1.3 -4.2,-2.1 -2.6,-1.8 -4.3,-4.1 -5.4,-7.4 -0.1,-0.4 -0.5,-1.6 -0.5,-1.6 0,-0.1 -0.2,0 -1.6,0.5 -1.8,0.9 -2.5,1.2 -2.7,1.2 -0.3,0 -0.4,-0.1 -0.2,-0.3 0.1,-0.2 0.2,-0.3 0.5,-0.7 0.7,-0.9 1.3,-1.7 2,-3.1 1.2,-2.2 2.4,-5.2 3.4,-8.6 0.3,-1 0.7,-2.3 0.8,-2.6 0,-0.1 0,-0.2 0.1,-0.2 0,0 2.9,4.9 4.3,7.2 2.7,4.8 3.9,7.3 3.6,7.5 -0.1,0.1 -0.2,0 -0.7,-0.5 -0.7,-0.7 -1.1,-0.9 -1.8,-1.2 -0.3,-0.1 -0.8,-0.2 -1.1,-0.2 -0.3,0 -0.3,0 -0.2,0.4 0.4,1.6 1.1,2.8 2,3.6 0.9,0.9 2,1.5 4.8,2.6 2.2,0.9 3.6,1.6 4.8,2.4 1,0.7 1.8,1.3 2.6,2.2 5,5.1 7.3,12 6.5,19.1 -0.7,6.2 -4,11.8 -8.9,15.6 -2.8,2.1 -5.9,3.6 -9.3,4.3 -1.8,0.4 -3.9,0.6 -5.7,0.6 z"
   id="path4653_2_"
-   style="fill:#777777" />
+   style="fill:#72777d" />
 	<path
   d="m 44.9,69.6 c -1.2,-0.1 -2,-0.3 -2.9,-0.8 -0.9,-0.4 -1.5,-0.9 -2.2,-1.6 -1.1,-1.2 -1.9,-2.6 -2.1,-4.3 -0.1,-0.6 -0.1,-1.7 0,-2.2 0.1,-0.8 0.3,-1.5 0.6,-2.1 1.1,-2.4 3.3,-4.1 6,-4.5 0.3,0 0.5,-0.1 1.1,-0.1 0.6,0 0.9,0 1.1,0.1 2.7,0.4 4.9,2.1 6,4.5 0.3,0.7 0.5,1.3 0.6,2.1 0.1,0.5 0.1,1.7 0,2.2 -0.1,0.8 -0.3,1.5 -0.7,2.2 -0.4,0.9 -0.8,1.5 -1.4,2.1 -0.7,0.7 -1.3,1.2 -2.2,1.6 -1.1,0.5 -2.1,0.8 -3.3,0.8 -0.2,0 -0.5,0 -0.6,0 z"
   id="path4697_2_"
-   style="fill:#777777" />
+   style="fill:#72777d" />
 </g>
 </svg>
--- a/resources/mmv/ui/img/ellipsis_darkgray.svg
+++ b/resources/mmv/ui/img/ellipsis_darkgray.svg
@ -22,12 +22,12 @@
       id="g5"><path
         d="m 22,48.3 c 0,6.1 -4.9,11 -11,11 -6.1,0 -11,-4.9 -11,-11 0,-6.1 4.9,-11 11,-11 6.1,0 11,4.9 11,11 z"
         id="path7"
-         style="fill:#555555" /><path
+         style="fill:#54595d" /><path
         d="m 59,48.3 c 0,6.1 -4.9,11 -11,11 -6.1,0 -11,-4.9 -11,-11 0,-6.1 4.9,-11 11,-11 6.1,0 11,4.9 11,11 z"
         id="path9"
-         style="fill:#555555" /><circle
+         style="fill:#54595d" /><circle
         cx="85"
         cy="48.299999"
         r="11"
         id="circle11"
-         style="fill:#555555" /></g></g></svg>
+         style="fill:#54595d" /></g></g></svg>
--- a/resources/mmv/ui/img/ellipsis_gray.svg
+++ b/resources/mmv/ui/img/ellipsis_gray.svg
@ -22,12 +22,12 @@
       id="g5"><path
         d="m 22,48.3 c 0,6.1 -4.9,11 -11,11 -6.1,0 -11,-4.9 -11,-11 0,-6.1 4.9,-11 11,-11 6.1,0 11,4.9 11,11 z"
         id="path7"
-         style="fill:#777777" /><path
+         style="fill:#72777d" /><path
         d="m 59,48.3 c 0,6.1 -4.9,11 -11,11 -6.1,0 -11,-4.9 -11,-11 0,-6.1 4.9,-11 11,-11 6.1,0 11,4.9 11,11 z"
         id="path9"
-         style="fill:#777777" /><circle
+         style="fill:#72777d" /><circle
         cx="85"
         cy="48.299999"
         r="11"
         id="circle11"
-         style="fill:#777777" /></g></g></svg>
+         style="fill:#72777d" /></g></g></svg>
--- a/resources/mmv/ui/img/ellipsis_lightgray.svg
+++ b/resources/mmv/ui/img/ellipsis_lightgray.svg
@ -22,12 +22,12 @@
       id="g5"><path
         d="m 22,48.3 c 0,6.1 -4.9,11 -11,11 -6.1,0 -11,-4.9 -11,-11 0,-6.1 4.9,-11 11,-11 6.1,0 11,4.9 11,11 z"
         id="path7"
-         style="fill:#999999" /><path
+         style="fill:#72777d" /><path
         d="m 59,48.3 c 0,6.1 -4.9,11 -11,11 -6.1,0 -11,-4.9 -11,-11 0,-6.1 4.9,-11 11,-11 6.1,0 11,4.9 11,11 z"
         id="path9"
-         style="fill:#999999" /><circle
+         style="fill:#72777d" /><circle
         cx="85"
         cy="48.299999"
         r="11"
         id="circle11"
-         style="fill:#999999" /></g></g></svg>
+         style="fill:#72777d" /></g></g></svg>
--- a/resources/mmv/ui/img/error-media-icon.svg
+++ b/resources/mmv/ui/img/error-media-icon.svg
@ -1 +1 @@
-<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67.684 79.813" enable-background="new 0 0 67.684 79.813"><path fill="#ccc" d="M67.255 0L3.26.816l.535 41.997L19.14 27.07 31.176 38.8 46.482 23.1l16.152 15.745 5.05-5.18z"/><path fill="#F2F2F2" d="M61.357 8.076L8.36 8.752l.37 28.997 10.41-10.68 3.75 3.654 3.015-4.172 8.866 8.56 11.712-12.014L61.738 37.97z"/><path fill="#ccc" d="M61.638 50.217L47.46 32.673 30.406 46.457l-10.563-13.07-17.1 13.818L0 73.06l63.643 6.753 3.622-34.144z"/><path fill="#F2F2F2" d="M60.852 49.244l-13.39-16.57-13.05 10.545 3.15 3.858 7.21-4.71 8.77 12.238-42.095-4.466L23.13 37.458l-3.288-4.07-11.6 9.373-1.16 10.94 52.704 5.59z"/></svg>
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67.684 79.813" enable-background="new 0 0 67.684 79.813"><path fill="#c8ccd1" d="M67.255 0L3.26.816l.535 41.997L19.14 27.07 31.176 38.8 46.482 23.1l16.152 15.745 5.05-5.18z"/><path fill="#F2F2F2" d="M61.357 8.076L8.36 8.752l.37 28.997 10.41-10.68 3.75 3.654 3.015-4.172 8.866 8.56 11.712-12.014L61.738 37.97z"/><path fill="#c8ccd1" d="M61.638 50.217L47.46 32.673 30.406 46.457l-10.563-13.07-17.1 13.818L0 73.06l63.643 6.753 3.622-34.144z"/><path fill="#F2F2F2" d="M60.852 49.244l-13.39-16.57-13.05 10.545 3.15 3.858 7.21-4.71 8.77 12.238-42.095-4.466L23.13 37.458l-3.288-4.07-11.6 9.373-1.16 10.94 52.704 5.59z"/></svg>
--- a/resources/mmv/ui/img/file.svg
+++ b/resources/mmv/ui/img/file.svg
@ -21,8 +21,8 @@
     id="g5"><path
       d="m 516,378 h -13 v 14 h 19 v -8 h -6 v -6 z m 4.5,12.3 0,-0.3 h -15.1 l 4.5,-5.5 0.7,-0.1 4.2,4.5 2.3,-1.5 3.4,2.9 z"
       id="path7"
-       style="fill:#959595;fill-opacity:1" /></g><polygon
+       style="fill:#72777d;fill-opacity:1" /></g><polygon
     points="521.8,382.5 517.3,382.5 517.3,378 "
     transform="translate(-503,-378)"
     id="polygon9"
-     style="fill:#959595;fill-opacity:1" /></svg>
+     style="fill:#72777d;fill-opacity:1" /></svg>
--- a/resources/mmv/ui/img/horn_grey.svg
+++ b/resources/mmv/ui/img/horn_grey.svg
@ -4,9 +4,9 @@
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 612 792" enable-background="new 0 0 612 792" xml:space="preserve">
 <g>
-	<path fill="#777777" d="M16.3,443.2L118,472.3v79.9c0,28,22.8,50.8,50.8,50.8H336c28,0,50.8-22.8,50.8-50.8v-7.3l159.8,34.5V189
+	<path fill="#72777d" d="M16.3,443.2L118,472.3v79.9c0,28,22.8,50.8,50.8,50.8H336c28,0,50.8-22.8,50.8-50.8v-7.3l159.8,34.5V189
 		L16.3,327C-5.5,348.8-5.5,421.4,16.3,443.2z M161.6,486.8l181.6,43.6v21.8c0,4-3.3,7.3-7.3,7.3h-167c-4,0-7.3-3.3-7.3-7.3
 		L161.6,486.8L161.6,486.8z"/>
-	<path fill="#777777" d="M582.9,450.5h-14.5v-138h14.5c13.2,0,29.1,15.8,29.1,29.1v80.1C612,437.6,598.9,450.5,582.9,450.5z"/>
+	<path fill="#72777d" d="M582.9,450.5h-14.5v-138h14.5c13.2,0,29.1,15.8,29.1,29.1v80.1C612,437.6,598.9,450.5,582.9,450.5z"/>
 </g>
 </svg>
--- a/resources/mmv/ui/img/icon_mmv.svg
+++ b/resources/mmv/ui/img/icon_mmv.svg
@ -5,9 +5,9 @@
 <g>
 	<g>
 		<path fill="#36c" d="M0,0v44.7h58.4V0H0z M51.9,35.4H6l13.7-17.7l2-0.8l12.9,13.7l6.8-4L51.9,35.4L51.9,35.4L51.9,35.4z"/>
-		<polygon fill="#FFFFFF" points="48,4.2 49.9,6.1 44.8,11.2 43.5,9.9 43.2,15.2 48.4,14.9 47.1,13.6 52.3,8.5 54.1,10.4 54.5,3.8"/>
+		<polygon fill="#fff" points="48,4.2 49.9,6.1 44.8,11.2 43.5,9.9 43.2,15.2 48.4,14.9 47.1,13.6 52.3,8.5 54.1,10.4 54.5,3.8"/>
 	</g>
-	<rect x="0" y="44.7" fill="#E6E6E6" width="58.4" height="7.7"/>
+	<rect x="0" y="44.7" fill="#eaecf0" width="58.4" height="7.7"/>
 	<rect x="1.9" y="46.2" fill="#36c" width="13.8" height="1.6"/>
 	<rect x="1.9" y="49.3" fill="#36c" width="54.7" height="1.6"/>
 </g>
--- a/resources/mmv/ui/img/icon_page.svg
+++ b/resources/mmv/ui/img/icon_page.svg
@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 58.4 52.3">
-  <path fill="#e6e6e6" d="M0 0h58.4v52.3H0z"/>
+  <path fill="#eaecf0" d="M0 0h58.4v52.3H0z"/>
  <path d="M14.9 28.2h13.8v1.6H14.9zm0 3.1h38.8v1.6H14.9zm0 3h38.8v1.6H14.9zm0 5.2h13.8v1.6H14.9zm0 3h38.8v1.6H14.9zm0 3.1h38.8v1.6H14.9zm-.5-37.8v17.4h22.7V7.8H14.4zm20.2 13.8H16.7l5.3-6.9.8-.3 5 5.3 2.7-1.6 4.1 3.5z" fill="#36c"/>
-  <path fill="#ccc" d="M0 10.8h9.8v41.6H0z"/>
-  <circle fill="#ccc" cx="5.4" cy="4.8" r="3.7"/>
+  <path fill="#c8ccd1" d="M0 10.8h9.8v41.6H0z"/>
+  <circle fill="#c8ccd1" cx="5.4" cy="4.8" r="3.7"/>
 </svg>
--- a/resources/mmv/ui/img/license.svg
+++ b/resources/mmv/ui/img/license.svg
@ -29,5 +29,5 @@
  <path
     d="m 13,0.5 v 56 H 51.5 C 57.45,56.5 62,51.95 62,46 V 0.5 H 13 z M 51.5,53 H 20 V 4 h 14 v 28 l 7,-7 7,7 V 4 h 10.5 v 42 c 0,3.85 -3.15,7 -7,7 z"
     id="path3-9"
-     style="fill:#959595;fill-opacity:1" />
+     style="fill:#72777d;fill-opacity:1" />
 </svg>
--- a/resources/mmv/ui/img/location.svg
+++ b/resources/mmv/ui/img/location.svg
@ -45,5 +45,5 @@
  <path
     d="M 61.615,10.966 C 58.705,8.053 55.306,5.795 51.506,4.25 40.071,-0.382 27.046,2.271 18.328,10.978 12.545,16.77 9.353,24.144 9.353,31.769 c 0,7.613 3.19,14.995 8.975,20.781 l 3.182,3.153 c 6.386,6.31 11.893,11.758 16.618,19.331 L 39.966,78 41.816,75.034 C 46.541,67.461 52.048,62.013 58.423,55.71 l 3.191,-3.17 C 73.658,40.496 73.658,23.011 61.615,10.966 z M 49.477,42.641 c -5.25,5.258 -13.76,5.258 -19.011,0 -5.249,-5.24 -5.249,-13.75 0,-19 5.251,-5.24 13.761,-5.24 19.011,0 5.238,5.25 5.238,13.758 0,19 z"
     id="path11"
-     style="fill:#929497" />
+     style="fill:#72777d" />
 </svg>
--- a/resources/mmv/ui/img/pd.svg
+++ b/resources/mmv/ui/img/pd.svg
@ -29,13 +29,13 @@
  <path
     d="M 54.414286,39.014286 C 55.328572,37.185714 55.785715,34.9 55.785715,33.071428 h -7.771429 l 6.4,5.942858 z"
     id="path5"
-     style="fill:#959595;fill-opacity:1" />
+     style="fill:#72777d;fill-opacity:1" />
  <path
     d="M 53.5,17.071428 C 48.471429,7.9285711 35.671429,5.1857139 26.985714,11.585714 l 5.485715,5.485714 c 5.942857,-4.571428 14.171428,0 14.628571,6.857143 h 8.228572 c 0,-2.742857 -0.914286,-5.942857 -1.828572,-6.857143 -0.914285,-1.828571 0.914286,1.828572 0,0 z"
     id="path7"
-     style="fill:#959595;fill-opacity:1" />
+     style="fill:#72777d;fill-opacity:1" />
  <path
     d="m 37.5,-3.5000004 c -17.828571,0 -32,14.1714284 -32,32.0000004 0,17.828571 14.171429,32 32,32 17.828572,0 32,-14.171429 32,-32 0,-17.828572 -14.171428,-32.0000004 -32,-32.0000004 z M 10.071429,28.5 c 0,-5.485715 1.828571,-10.514286 4.571428,-14.628572 l 6.4,6.4 C 18.3,28.042857 19.214286,37.642857 25.157143,44.042857 c 5.485714,5.485714 15.085714,6.857143 22.4,3.2 l 4.571429,5.028572 C 48.014286,55.014286 42.985715,56.385714 37.957143,56.385714 22.414286,55.928571 10.071429,43.585714 10.071429,28.5 z M 27.9,27.585714 41.614286,41.757143 C 37.5,43.128571 32.928572,41.757143 30.185714,38.1 28.357143,34.9 27.9,30.785714 27.9,27.585714 z M 57.157143,47.7 18.757143,8.8428568 C 23.328572,3.8142854 30.185714,1.0714282 37.5,1.0714282 c 15.085715,0 27.428572,12.3428568 27.428572,27.4285718 0,7.314286 -3.2,14.171428 -7.771429,19.2 z"
     id="path9"
-     style="fill:#959595;fill-opacity:1" />
+     style="fill:#72777d;fill-opacity:1" />
 </svg>
--- a/resources/mmv/ui/img/repo.svg
+++ b/resources/mmv/ui/img/repo.svg
@ -1 +1 @@
-<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64"><circle r="9" cy="32" cx="32" fill="#939598"/><circle r="26" cy="32" cx="32" stroke-width="12" stroke="#939598" fill="none"/><g fill="#939598"><path stroke="#006398" stroke-width="3" d="M32 12v3"/><path d="M28 15h8l-4 8z"/></g><g fill="#939598"><path stroke="#006398" stroke-width="3" d="M47 18l-2.121 2.121"/><path d="M42.051 17.293l5.656 5.656-8.484 2.828z"/></g><g fill="#939598"><path stroke="#006398" stroke-width="3" d="M52 32h-3"/><path d="M49 28v8l-8-4z"/></g><g fill="#939598"><path stroke="#006398" stroke-width="3" d="M47 47l-2.121-2.121"/><path d="M47.707 42.051l-5.656 5.656-2.828-8.484z"/></g><g fill="#939598"><path stroke="#006398" stroke-width="3" d="M32 52v-3"/><path d="M36 49h-8l4-8z"/></g><g fill="#939598"><path stroke="#006398" stroke-width="3" d="M12 32h3"/><path d="M15 36v-8l8 4z"/></g><g fill="#939598"><path stroke="#006398" stroke-width="3" d="M18 18l2.121 2.121"/><path d="M17.293 22.949l5.656-5.656 2.828 8.484z"/></g><g fill="#939598"><path stroke="#006398" stroke-width="3" d="M18 46.5l2.121-2.121"/><path d="M22.949 47.207l-5.656-5.656 8.484-2.828z"/></g></svg>
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64"><circle r="9" cy="32" cx="32" fill="#72777d"/><circle r="26" cy="32" cx="32" stroke-width="12" stroke="#72777d" fill="none"/><g fill="#72777d"><path stroke="#006398" stroke-width="3" d="M32 12v3"/><path d="M28 15h8l-4 8z"/></g><g fill="#72777d"><path stroke="#006398" stroke-width="3" d="M47 18l-2.121 2.121"/><path d="M42.051 17.293l5.656 5.656-8.484 2.828z"/></g><g fill="#72777d"><path stroke="#006398" stroke-width="3" d="M52 32h-3"/><path d="M49 28v8l-8-4z"/></g><g fill="#72777d"><path stroke="#006398" stroke-width="3" d="M47 47l-2.121-2.121"/><path d="M47.707 42.051l-5.656 5.656-2.828-8.484z"/></g><g fill="#72777d"><path stroke="#006398" stroke-width="3" d="M32 52v-3"/><path d="M36 49h-8l4-8z"/></g><g fill="#72777d"><path stroke="#006398" stroke-width="3" d="M12 32h3"/><path d="M15 36v-8l8 4z"/></g><g fill="#72777d"><path stroke="#006398" stroke-width="3" d="M18 18l2.121 2.121"/><path d="M17.293 22.949l5.656-5.656 2.828 8.484z"/></g><g fill="#72777d"><path stroke="#006398" stroke-width="3" d="M18 46.5l2.121-2.121"/><path d="M22.949 47.207l-5.656-5.656 8.484-2.828z"/></g></svg>
--- a/resources/mmv/ui/img/restrict-2257.svg
+++ b/resources/mmv/ui/img/restrict-2257.svg
@ -52,6 +52,6 @@
  <path
     inkscape:connector-curvature="0"
     id="path4148"
-     style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:medium;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif Bold';letter-spacing:0px;word-spacing:0px;fill:#333333;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:medium;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif Bold';letter-spacing:0px;word-spacing:0px;fill:#222;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
     d="m 64.000001,63.43008 -18.744064,0 L 31.704486,42.744062 17.899736,63.43008 2.5000006e-8,63.43008 22.290238,31.767809 0.46438052,0.56992103 l 18.70184548,0 13.087073,19.58839097 13.467019,-19.58839097 17.941952,0 L 41.709763,31.134565 64.000001,63.43008 Z" />
 </svg>
--- a/resources/mmv/ui/img/restrict-aus-reserve.svg
+++ b/resources/mmv/ui/img/restrict-aus-reserve.svg
@ -51,7 +51,7 @@
     showgrid="false"
     inkscape:window-maximized="1" />
  <path
-     style="opacity:1;fill:#333333;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     style="opacity:1;fill:#222;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
     d="m 49.023644,2.3460408 c -2.178279,2.26802 -2.005266,5.61904 -2.189166,8.5153302 -0.247848,3.16608 -3.671447,4.73225 -5.458814,1.81846 -2.272345,-1.16979 -7.087708,-3.0870402 -3.767387,-6.0098302 1.238676,-1.46116 1.624292,-2.65615 -0.662653,-2.30385 -2.316755,0.61442 -5.008708,-2.55058 -6.604872,-1.01089 0.671055,1.93294 -3.560463,0.54551 -3.974529,3.09203 -0.499197,2.20239 -1.535184,4.1337602 -3.750983,2.01584 -2.503123,-2.23678 -4.985831,1.9693602 -5.733182,2.7986102 0.85283,1.32381 -2.908828,1.1435 -0.965421,2.4904 -0.832249,2.00097 -1.931743,-3.07195 -2.564641,-0.0215 0.343281,3.52464 -2.840544,6.01028 -6.0483663,6.81867 -2.8099667,0.25162 -4.5722034,3.22271 -6.71320528,3.86955 -0.87090519,-1.03959 -0.65076233,4.01141 -0.15615473,5.45802 2.35263841,1.15194 -0.23378281,4.276 2.20492821,5.62724 1.1838554,2.5866 3.3209792,5.23404 3.16775,8.12926 -2.1862024,3.17218 3.6808216,4.56069 5.3432841,2.11072 1.912852,-2.35468 5.296836,-0.5655 7.319076,-2.55879 2.039406,-2.87437 6.430425,-2.89909 9.659943,-3.85697 3.369196,-0.27419 5.443317,1.80034 7.180689,4.09539 -0.429801,2.59595 1.588245,1.6557 2.096412,-0.13714 0.902752,-1.06586 2.573881,-1.66141 1.268795,0.22688 -0.996947,0.9886 -0.485155,3.61737 0.272649,1.10686 2.059665,-0.86105 -0.09952,2.62961 2.358847,2.51458 -0.02347,2.90544 2.293834,4.82963 5.199129,5.16805 2.455994,-0.57365 4.634414,1.69207 6.822386,-0.3609 4.329609,0.005 3.582469,-5.21858 6.362151,-7.34757 3.677589,-3.69191 4.850733,-9.22898 4.088895,-14.26134 -1.855715,-1.7468 -2.182003,-5.42961 -4.380975,-6.13365 -0.0605,-2.6196 -2.088014,-4.98372 -4.671446,-6.25687 -0.733722,-2.38842 -1.337559,-5.47317 -1.685326,-8.0953002 -4.132252,-0.3943 -1.932987,-4.89195 -4.017813,-7.50127 z M 48.62375,56.375581 c -0.892965,2.04344 0.675237,7.18921 3.696151,4.53406 1.100431,-1.98901 1.280056,-5.24765 -1.923261,-3.8001 -0.630161,-0.16109 -1.113154,-0.65493 -1.77289,-0.73396 z"
     id="path1893"
     inkscape:connector-curvature="0" />
--- a/resources/mmv/ui/img/restrict-communist.svg
+++ b/resources/mmv/ui/img/restrict-communist.svg
@ -51,7 +51,7 @@
     id="metadata4245"><rdf:RDF><cc:Work
         rdf:about=""><dc:title /><dc:format>image/svg+xml</dc:format><dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><path
-     style="fill:#333333;fill-opacity:1;stroke:none"
+     style="fill:#222;fill-opacity:1;stroke:none"
     d="M 31.933948,-1.3951166e-7 C 55.19084,15.901304 56.025453,29.211381 53.041136,40.015181 c -0.646275,2.339654 -1.731197,4.445653 -3.251917,6.189384 -1.289886,1.479033 -2.938716,2.724624 -4.996039,3.683553 -6.357189,2.963117 -16.169235,1.966118 -29.079754,-5.537049 l -2.441379,3.14645 c -0.516449,-0.384495 -1.79778,-0.860077 -2.783173,0.3457 -0.9527075,1.165817 0.394946,2.4979 -0.09961,3.36129 -0.4398736,0.767952 -0.5831262,0.747641 -3.3886339,2.480442 -5.5783307,3.445411 -6.78385307,8.087244 -5.1366616,9.708876 1.6074846,1.582442 6.3332146,-0.3477 9.0272425,-6.833908 1.139624,-2.74382 0.881685,-2.378671 1.751934,-3.310511 0.734137,-0.786241 2.083576,0.309895 2.951139,-0.669914 0.919299,-1.038019 0.371309,-2.532041 -0.0039,-3.042935 l 0.79296,-0.910146 c 13.014055,11.68778 26.153672,13.391697 35.114844,8.478422 l 6.146416,6.622973 c 0.639698,0.664473 2.23928,0.07052 3.583945,-1.326157 1.344665,-1.396725 1.911117,-3.056319 1.271469,-3.720662 L 56.707115,52.993552 C 60.026872,49.339183 62.176765,44.336754 62.681657,38.35309 64.472545,17.129166 48.109946,4.7085475 31.933948,-1.3951166e-7 Z M 22.949673,11.511591 9.4966978,25.487998 15.316945,31.5309 l 6.326102,-6.570239 3.164027,-3.289027 7.996006,-8.306548 -9.853407,-1.853495 z m 16.040838,7.988193 c -0.872221,0 -1.57888,0.27609 -2.121071,0.830068 -0.542191,0.553979 -0.812491,1.285753 -0.812491,2.193336 0,1.001871 0.27609,2.658486 0.830069,4.968695 l 0.919912,3.853472 c 0.459684,1.909454 0.729984,3.537111 0.812491,4.880805 l 0.779288,0 c 0.153228,-1.885881 0.394572,-3.513538 0.724601,-4.880805 l 0.93749,-3.853472 c 0.589338,-2.451647 0.882803,-4.125632 0.882803,-5.021429 0,-0.860434 -0.281882,-1.567092 -0.847648,-2.121071 -0.553977,-0.565764 -1.256798,-0.849599 -2.105444,-0.849599 z m 0.03711,19.253692 c -0.8015,0 -1.479202,0.283835 -2.03318,0.8496 -0.553978,0.565764 -0.832022,1.243463 -0.832022,2.033181 0,0.78971 0.278044,1.467415 0.832022,2.03318 0.565764,0.553979 1.243466,0.830069 2.033179,0.830069 0.789714,0 1.461626,-0.27609 2.015603,-0.830069 0.565765,-0.565765 0.847647,-1.24347 0.847647,-2.03318 0,-0.801504 -0.281882,-1.479203 -0.847647,-2.033181 -0.553977,-0.565765 -1.225889,-0.8496 -2.015603,-0.8496 z"
     id="rect3221"
     inkscape:connector-curvature="0" /></svg>
--- a/resources/mmv/ui/img/restrict-costume.svg
+++ b/resources/mmv/ui/img/restrict-costume.svg
@ -54,5 +54,5 @@
     inkscape:connector-curvature="0"
     id="path2202"
     d="M 50.476781,1.5431154e-7 C 43.871263,4.2286576 38.746088,10.862524 30.995783,13.187198 24.134093,15.365755 16.812381,14.452633 9.7647069,14.025766 6.1671177,12.60922 3.5091798,15.895575 4.9840561,19.275328 c 1.648017,9.517665 6.1743769,18.306507 11.4608359,26.296225 4.395366,6.309707 9.820648,12.151847 16.59945,15.906672 5.760837,2.91154 13.311862,3.862237 18.784634,-0.206226 4.091458,-2.591614 5.259118,-7.596163 6.422339,-11.969017 2.204788,-9.96018 0.865159,-20.240173 -0.353577,-30.234177 C 57.069311,13.810519 54.906701,8.8977959 53.036954,3.9507241 52.308871,2.6057625 51.837782,0.84918192 50.476781,1.5431154e-7 Z M 44.182364,13.741062 c 3.164794,0.798814 11.21163,2.412565 6.019802,5.539003 l -13.198757,4.313568 c 1.263267,-5.244774 0.319773,-11.220384 7.178955,-9.852571 z m -22.347032,8.715747 c 3.164835,0.798999 11.211661,2.413037 6.01972,5.539373 l -13.199158,4.313137 c 1.263308,-5.244949 0.320256,-11.220436 7.179438,-9.85251 z m 29.926211,10.934046 c 5.181419,3.660543 1.884913,9.062357 0.85324,12.706244 -1.708895,4.281275 -11.064064,9.595065 -15.575134,7.468869 -4.523976,-1.543389 -7.243193,-2.463837 -11.859211,-6.900384 -0.629167,-6.496163 3.779854,-3.114633 7.054784,-2.573078 5.357242,1.75207 12.295334,0.678548 14.994258,-4.813222 1.565326,-2.515201 1.582341,-4.70883 4.532063,-5.888429 z"
-     style="fill:#333333;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.56313932;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+     style="fill:#222;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.56313932;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
 </svg>
--- a/resources/mmv/ui/img/restrict-currency.svg
+++ b/resources/mmv/ui/img/restrict-currency.svg
@ -94,7 +94,7 @@
     id="layer1"
     transform="translate(-56.410688,-689.47454)">
    <path
-       style="font-style:normal;font-weight:normal;font-size:844px;font-family:'Agfa Rotis Semisans';fill:#333333;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       style="font-style:normal;font-weight:normal;font-size:844px;font-family:'Agfa Rotis Semisans';fill:#222;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       d="M 30.689453 0.31835938 C 24.561717 0.18383938 18.785129 3.7871438 16.115234 9.1523438 L 12.910156 8.5058594 L 11.253906 10.841797 L 15.171875 11.630859 C 15.014536 12.043959 14.927887 12.470957 14.841797 12.898438 C 14.755657 13.325897 14.669148 13.753492 14.654297 14.195312 L 11.876953 13.634766 L 10.220703 15.970703 L 14.566406 16.845703 C 15.02733 23.758923 20.113318 29.973259 27.130859 31.386719 C 31.013669 32.168779 34.956028 31.368774 38.201172 29.427734 L 38.949219 25.722656 C 35.966767 28.383856 31.81427 29.661716 27.646484 28.822266 C 21.946951 27.674276 17.829358 22.913673 17.238281 17.382812 L 34.583984 20.878906 L 36.242188 18.542969 L 17.21875 14.710938 C 17.23361 14.269127 17.320199 13.843476 17.40625 13.416016 C 17.47799 13.059806 17.578988 12.559594 17.736328 12.146484 L 37.898438 16.208984 L 39.554688 13.873047 L 18.787109 9.6894531 C 21.423297 4.8827531 27.041718 2.0115081 32.8125 3.1738281 C 37.30088 4.0778681 40.312229 6.7984438 42.039062 10.371094 L 43.689453 8.0703125 C 41.478261 4.3259625 37.818462 1.513415 33.330078 0.609375 C 32.44843 0.431805 31.56484 0.33757938 30.689453 0.31835938 z M 48.142578 27.070312 C 47.226738 27.085912 46.271654 27.220719 45.277344 27.474609 C 42.699082 28.133039 40.677578 29.374962 39.208984 31.201172 C 37.390692 33.491252 36.868387 36.160031 37.646484 39.207031 C 37.829793 39.924871 38.083715 40.644494 38.408203 41.365234 C 38.732713 42.086024 39.345634 43.203463 40.248047 44.720703 L 36.865234 45.583984 L 37.695312 48.837891 L 42.001953 47.738281 C 42.486663 48.597601 42.842122 49.473597 43.070312 50.367188 C 43.601524 52.447378 43.562219 54.335717 42.949219 56.029297 C 42.336189 57.722877 41.42681 59.135954 40.21875 60.271484 L 42.705078 63.685547 C 43.525708 62.804997 44.485547 62.030485 45.585938 61.359375 C 46.686318 60.688265 47.763599 60.218569 48.818359 59.949219 C 49.506859 59.773399 50.211238 59.656296 50.929688 59.597656 C 51.391608 59.573256 52.431391 59.599634 54.050781 59.677734 C 55.670151 59.755434 56.687312 59.779653 57.101562 59.751953 C 57.761392 59.708353 58.400355 59.608302 59.015625 59.451172 C 59.748075 59.264142 60.459387 58.987747 61.154297 58.623047 C 61.849157 58.258347 62.79815 57.618615 64 56.703125 L 61.798828 53.402344 C 60.279698 54.664134 58.978541 55.434107 57.894531 55.710938 C 57.000901 55.939128 55.217932 56.074347 52.544922 56.117188 C 50.927882 56.140088 49.512745 56.308651 48.296875 56.619141 C 47.344665 56.862301 46.328896 57.290383 45.253906 57.908203 C 46.267746 56.073253 46.897498 54.369199 47.142578 52.792969 C 47.387638 51.216769 47.348878 49.790115 47.023438 48.515625 C 46.858828 47.871075 46.554258 47.262953 46.111328 46.689453 L 52.351562 45.095703 L 51.521484 41.84375 L 44.599609 43.609375 C 43.094977 41.200425 42.135943 39.182731 41.720703 37.556641 C 41.342877 36.077111 41.557937 34.677879 42.367188 33.355469 C 43.176417 32.033139 44.393461 31.16527 46.019531 30.75 C 47.543041 30.36098 48.978635 30.531592 50.328125 31.263672 C 51.677595 31.995792 52.688762 33.212313 53.357422 34.914062 L 57.138672 33.316406 C 56.069772 30.780596 54.488021 29.004398 52.394531 27.986328 C 51.086081 27.350088 49.668988 27.044422 48.142578 27.070312 z M 13.154297 28.074219 L 12.414062 31.701172 C 10.886904 31.389752 3.6333082 31.857299 2.4101562 37.855469 C 1.3220382 43.191439 5.9815075 45.658547 9.3203125 46.835938 L 8.0976562 52.867188 C 5.7292133 51.666928 5.6487562 49.716768 5.6132812 48.111328 L 0.10546875 46.988281 C -0.77733125 53.058861 4.1374863 56.966353 7.0507812 58.001953 L 6.2988281 61.691406 L 11.533203 62.757812 L 12.273438 59.126953 C 16.461729 59.760263 22.073143 57.317189 23.035156 52.599609 C 24.136958 47.196509 19.560632 44.665737 15.480469 43.404297 L 16.607422 37.876953 C 18.223171 38.322743 19.182159 40.148108 18.996094 41.767578 L 24.451172 42.878906 C 25.544186 37.518916 21.046816 33.665522 17.59375 32.757812 L 18.333984 29.128906 L 13.154297 28.074219 z M 11.386719 36.867188 L 10.453125 41.447266 C 6.773138 40.638676 7.4939448 36.735518 11.386719 36.867188 z M 14.445312 48.775391 C 18.990538 49.818571 18.606892 54.307886 13.382812 53.972656 L 14.445312 48.775391 z "
       transform="translate(56.410688,689.47454)"
       id="path4160" />
--- a/resources/mmv/ui/img/restrict-default.svg
+++ b/resources/mmv/ui/img/restrict-default.svg
@ -65,7 +65,7 @@
     id="layer1"
     transform="translate(0,-988.36216)">
    <path
-       style="fill:#333333;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
+       style="fill:#222;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
       d="M 32.166016 3.8144531 A 3.5558667 3.5558667 0 0 0 28.919922 5.5898438 L 0.4765625 54.855469 A 3.5558667 3.5558667 0 0 0 3.5566406 60.189453 L 60.443359 60.189453 A 3.5558667 3.5558667 0 0 0 63.523438 54.855469 L 35.080078 5.5898438 A 3.5558667 3.5558667 0 0 0 32.166016 3.8144531 z M 31.990234 22.191406 C 32.927734 22.191406 33.702474 22.503906 34.314453 23.128906 C 34.939453 23.740885 35.251953 24.522135 35.251953 25.472656 C 35.251953 26.46224 34.926432 28.311198 34.275391 31.019531 L 33.240234 35.277344 C 32.875651 36.78776 32.608724 38.584635 32.439453 40.667969 L 31.580078 40.667969 C 31.488932 39.183594 31.189453 37.386719 30.681641 35.277344 L 29.666016 31.019531 C 29.054036 28.467448 28.748047 26.638021 28.748047 25.53125 C 28.748047 24.528646 29.047526 23.721354 29.646484 23.109375 C 30.245443 22.497396 31.026693 22.191406 31.990234 22.191406 z M 32.029297 43.460938 C 32.901693 43.460938 33.64388 43.773438 34.255859 44.398438 C 34.880859 45.010417 35.193359 45.759115 35.193359 46.644531 C 35.193359 47.516927 34.880859 48.265625 34.255859 48.890625 C 33.64388 49.502604 32.901693 49.808594 32.029297 49.808594 C 31.156901 49.808594 30.408203 49.502604 29.783203 48.890625 C 29.171224 48.265625 28.865234 47.516927 28.865234 46.644531 C 28.865234 45.772135 29.171224 45.023438 29.783203 44.398438 C 30.395182 43.773438 31.14388 43.460938 32.029297 43.460938 z "
       id="path6398"
       transform="translate(0,988.36216)" />
--- a/resources/mmv/ui/img/restrict-design.svg
+++ b/resources/mmv/ui/img/restrict-design.svg
@ -57,7 +57,7 @@
     inkscape:guide-bbox="true"
     inkscape:object-nodes="true" />
  <path
-     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#333333;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:20;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:20;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
     d="M 15.375 0 L 15.375 15.375 L 0 15.375 L 0 16.375 L 15.375 16.375 L 15.375 31.5 L 0 31.5 L 0 32.5 L 15.375 32.5 L 15.375 47.625 L 0 47.625 L 0 48.625 L 15.375 48.625 L 0 64 L 15.375 64 L 16.375 64 L 31.5 64 L 32.5 64 L 47.625 64 L 48.625 64 L 64 64 L 64 48.625 L 64 47.625 L 64 32.5 L 64 31.5 L 64 16.375 L 64 15.375 L 64 0 L 52.869141 11.132812 L 48.626953 15.375 L 48.625 15.375 L 48.625 0 L 47.625 0 L 47.625 15.375 L 32.5 15.375 L 32.5 0 L 31.5 0 L 31.5 15.375 L 16.375 15.375 L 16.375 0 L 15.375 0 z M 16.375 16.375 L 31.5 16.375 L 31.5 31.5 L 16.375 31.5 L 16.375 16.375 z M 32.5 16.375 L 47.625 16.375 L 47.625 16.376953 L 32.501953 31.5 L 32.5 31.5 L 32.5 16.375 z M 50.957031 31.486328 L 50.957031 31.5 L 50.943359 31.5 L 50.957031 31.486328 z M 16.375 32.5 L 31.5 32.5 L 31.5 32.501953 L 16.375 47.625 L 16.375 32.5 z M 49.943359 32.5 L 50.957031 32.5 L 50.957031 47.625 L 48.625 47.625 L 48.625 33.818359 L 49.943359 32.5 z M 47.625 34.818359 L 47.625 47.625 L 34.818359 47.625 L 47.625 34.818359 z M 33.818359 48.625 L 47.625 48.625 L 47.625 50.957031 L 32.5 50.957031 L 32.5 49.943359 L 33.818359 48.625 z M 48.625 48.625 L 50.957031 48.625 L 50.957031 50.957031 L 48.625 50.957031 L 48.625 48.625 z M 31.5 50.943359 L 31.5 50.957031 L 31.486328 50.957031 L 31.5 50.943359 z "
     id="rect4189" />
 </svg>
--- a/resources/mmv/ui/img/restrict-fan-art.svg
+++ b/resources/mmv/ui/img/restrict-fan-art.svg
@ -51,7 +51,7 @@
     showgrid="false"
     inkscape:window-maximized="1" />
  <path
-     style="fill:#333333;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     style="fill:#222;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
     d="M 21.144531 2.0078125 C 20.375138 2.0286607 19.715558 2.5874788 19.558594 3.3808594 L 8.8789062 41.908203 C 8.5273306 43.685241 9.7508894 45.380542 11.535156 45.693359 C 13.319423 46.006176 15.046404 44.827761 15.320312 43.037109 L 22.828125 3.953125 C 22.968264 3.0369376 22.384565 2.192051 21.478516 2.0332031 C 21.36526 2.0133471 21.254445 2.0048342 21.144531 2.0078125 z M 39.574219 9.6582031 C 38.413934 9.6819391 37.205021 9.8232514 35.941406 10.103516 C 30.796288 11.244682 25.402211 13.453984 21.197266 17.824219 L 16.324219 43.193359 C 16.154493 44.294703 15.542153 45.196295 14.724609 45.828125 C 15.173946 46.64384 15.382359 47.682625 15.273438 49.058594 C 19.083163 58.755174 28.459128 61.992188 33.566406 61.992188 C 40.326417 61.992188 55.856873 58.885698 54.943359 50.664062 C 54.029843 42.442426 45.99078 40.614278 46.904297 36.412109 C 47.817811 32.209939 56.405767 39.702781 59.511719 40.433594 C 62.61767 41.164405 67.549418 29.289652 60.058594 21.798828 C 53.504122 15.244357 47.696226 9.4920508 39.574219 9.6582031 z M 39.921875 12.943359 C 41.211823 12.921539 42.558077 13.5727 43.521484 14.681641 C 45.133647 16.536328 45.216383 19.103825 43.705078 20.417969 C 42.193197 21.731672 39.658903 21.292543 38.046875 19.4375 C 36.434713 17.582812 36.351976 15.013362 37.863281 13.699219 C 38.414862 13.219654 39.134387 12.956922 39.921875 12.943359 z M 28.953125 18.037109 C 30.322004 18.086289 31.723423 18.658014 32.863281 19.628906 C 35.282904 21.69055 35.883641 24.959965 34.203125 26.931641 C 32.522769 28.902896 29.198309 28.829138 26.779297 26.767578 C 24.361006 24.706294 23.762344 21.438374 25.441406 19.466797 C 26.263465 18.501881 27.5311 17.985827 28.953125 18.037109 z M 22.482422 30.089844 C 23.251233 30.072484 24.045803 30.256191 24.771484 30.615234 C 26.864189 31.649232 27.877583 33.868576 27.035156 35.574219 C 26.192431 37.28033 23.811821 37.825808 21.71875 36.791016 C 19.625563 35.75644 18.61315 33.533674 19.457031 31.828125 C 19.976644 30.776927 21.116331 30.12147 22.482422 30.089844 z M 23.628906 43.203125 C 23.715746 43.206325 23.802082 43.212513 23.888672 43.220703 C 25.918949 43.408617 27.440541 44.903985 27.287109 46.558594 C 27.133462 48.213023 25.362042 49.399583 23.332031 49.210938 C 21.302253 49.022486 19.782067 47.529238 19.935547 45.875 C 20.081445 44.302998 21.694532 43.135892 23.628906 43.203125 z M 8.90625 44.955078 C 7.8112365 45.499197 6.6835283 46.46167 5.7285156 47.861328 C 3.7306628 50.789362 6.7680788 52.868065 5.0566406 56.279297 C 3.3452022 59.690528 0 61.828125 0 61.828125 C 0 61.828125 11.10072 59.1946 13.306641 52.962891 C 14.649869 49.168289 14.493523 47.260864 13.810547 46.148438 C 13.079812 46.484105 12.243754 46.610748 11.400391 46.462891 C 10.376207 46.283331 9.5085193 45.719585 8.90625 44.955078 z "
     id="path4152" />
 </svg>
--- a/resources/mmv/ui/img/restrict-ihl.svg
+++ b/resources/mmv/ui/img/restrict-ihl.svg
@ -51,7 +51,7 @@
  <defs
     id="defs4" />
  <path
-     style="fill:#333333;fill-opacity:1;stroke:none"
+     style="fill:#222;fill-opacity:1;stroke:none"
     d="m 34.923387,0.06109857 c -0.539421,-0.071278 -1.103342,0.1571576 -1.744493,0.8002572 C 31.881854,2.1623383 31.413803,4.0256728 31.695573,5.9843408 L 5.6721461,32.068038 c -1.864574,-0.200093 -3.625001,0.276223 -4.86516191,1.520154 -2.56459929,2.572397 1.50900731,3.916636 4.87520641,7.272628 l 5.2234364,5.206695 c 3.3662,3.355994 4.711379,7.417468 7.275979,4.845071 1.243922,-1.247703 1.717366,-3.01835 1.50676,-4.888599 L 30.482477,35.204012 c 13.061005,14.524857 16.599826,17.1314 25.407356,26.958003 0.0555,0.06185 0.11614,0.125308 0.175807,0.184052 1.849627,1.8208 5.628272,2.136367 7.037884,0.722468 1.455083,-1.459508 1.133496,-5.374528 -0.925745,-7.210948 C 52.329544,47.075019 49.630978,43.627237 35.071706,30.602894 L 45.932785,19.715951 c 1.772088,0.132278 3.435511,-0.341377 4.62073,-1.530199 2.564599,-2.572396 -1.509008,-3.916634 -4.875206,-7.272631 L 40.454872,5.7064277 C 37.930225,3.1894304 36.541651,0.27493007 34.923387,0.06109857 Z"
     id="path4201"
     inkscape:connector-curvature="0"
--- a/resources/mmv/ui/img/restrict-insignia.svg
+++ b/resources/mmv/ui/img/restrict-insignia.svg
--- a/resources/mmv/ui/img/restrict-ita-mibac.svg
+++ b/resources/mmv/ui/img/restrict-ita-mibac.svg
@ -50,7 +50,7 @@
     inkscape:window-maximized="1"
     inkscape:current-layer="svg2" />
  <path
-     style="fill:#333333;fill-opacity:1;stroke:none"
+     style="fill:#222;fill-opacity:1;stroke:none"
     d="M 30.33299,0 C 28.294743,0.77738 25.321599,0.9004 24.037285,1.93166 21.898471,0.84475 22.129135,3.129 21.940636,3.44043 19.106618,2.34435 22.252983,7.13493 19.639984,4.96937 18.177272,6.45269 16.864213,2.19847 16.681715,5.46998 16.346417,7.04646 15.131721,8.37625 14.270942,6.70723 13.01316,6.23774 12.977395,2.83878 11.857415,5.62868 11.626972,9.17654 5.3050955,6.20299 6.1586535,9.7352 c 2.332118,1.40948 -0.49398,3.27524 -1.086005,3.7299 2.747353,1.52476 -0.642442,5.36227 3.002106,5.75702 2.6844955,-0.27629 0.143887,1.43287 1.237631,2.36023 2.9799485,-0.14498 4.1196715,-5.81801 7.5486175,-3.48886 2.196461,1.38082 5.188827,2.53787 5.098097,5.50694 0.895984,1.31458 0.16915,3.45563 1.842443,3.93619 1.111934,0.68165 1.669854,2.42501 1.941423,2.70743 3.366687,0.7911 4.577096,4.80925 7.551606,6.40186 2.059851,0.69042 5.108667,0.29152 5.566826,3.30929 1.844943,-0.87595 0.919863,2.1471 2.693483,0.88743 1.86561,0.92307 1.10688,4.23801 4.08827,3.78851 1.29707,1.36244 3.2804,5.75678 2.27585,7.50715 -1.34514,0.62292 -0.87214,2.93901 -2.03059,3.69753 1.40818,2.93227 4.08123,-1.39001 4.45945,-3.1201 0.55972,-2.33498 4.25919,-1.66386 1.98572,-4.6071 -1.22356,-1.33542 -3.35928,-1.7338 -1.79378,-3.90393 0.45336,-2.18385 2.617231,-2.79764 3.99337,-1.45476 2.02181,-0.4713 3.39102,5.54032 4.39418,1.73824 -0.418899,-3.43937 -4.41865,-4.72681 -6.968639,-6.33544 -1.780911,-0.73431 -6.32243,-2.14992 -3.64599,-4.19652 -0.83844,-2.14676 -4.68654,0.46459 -6.29741,-1.89497 -2.54663,-1.74818 -4.229757,-4.36464 -4.698036,-7.4267 -1.010032,-3.5736 -6.77019,-3.74223 -6.716174,-7.99128 -1.054807,-1.63046 2.21114,-1.95761 0.340697,-3.49724 -0.954372,-1.05087 0.7201,-3.76528 0.65442,-2.35623 C 34.029309,10.20103 34.791,8.06914 37.211076,9.30976 38.610263,11.03319 36.589666,7.99945 36.760182,8.04612 35.467784,6.89239 37.716435,6.10465 35.935337,5.80866 35.903457,4.62997 38.188207,3.55765 35.741935,3.57463 33.865212,3.63743 29.102982,2.60256 30.388762,0.21534 L 30.332992,0 l 0,0 z M 16.640604,37.15711 c -0.971611,1.76781 -3.475365,2.71855 -4.839597,2.58233 0.01559,1.88731 2.13754,3.6101 1.248494,5.36889 0.696345,1.78845 -1.469838,6.90741 2.068513,5.86663 0.590399,-2.5766 3.660284,-0.0595 3.509415,-2.97455 -0.595325,-2.89893 1.494424,-6.42313 -0.451482,-8.81669 0.512003,-1.08598 -1.025465,-1.39514 -1.535343,-2.02661 z m 2.325084,2.01284 c -1.444108,-0.18929 -0.41583,0.6422 0,0 z m 26.567914,15.47969 c -2.469971,1.01572 -5.20801,1.69685 -7.85995,1.78536 -1.73761,-0.47444 -2.624842,-1.48809 -4.232709,-0.35138 -2.766626,-1.67447 -2.330804,3.9904 0.587687,3.13988 2.893381,1.7203 6.007092,3.48792 8.960202,4.7765 2.75677,-1.69845 -1.013361,-5.46621 1.98724,-7.52361 0.25273,-0.43081 1.38338,-1.42356 0.55753,-1.82675 z"
     id="path1906"
     inkscape:connector-curvature="0" />
--- a/resources/mmv/ui/img/restrict-nazi.svg
+++ b/resources/mmv/ui/img/restrict-nazi.svg
@ -57,6 +57,6 @@
     id="metadata4245"><rdf:RDF><cc:Work
         rdf:about=""><dc:title /><dc:format>image/svg+xml</dc:format><dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><path
-     style="fill:#333333;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     style="fill:#222;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
     d="M 32.007812 0 L 12.804688 19.195312 L 19.203125 25.59375 L 38.40625 6.3984375 L 32.007812 0 z M 44.804688 12.796875 L 38.40625 19.195312 L 57.601562 38.398438 L 64 32 L 44.804688 12.796875 z M 31.992188 19.5 C 31.098706 19.5 30.375713 19.778054 29.820312 20.332031 C 29.264913 20.886047 28.984375 21.619786 28.984375 22.527344 C 28.984375 23.529243 29.268417 25.181942 29.835938 27.492188 L 30.78125 31.351562 C 31.25213 33.261059 31.524815 34.880883 31.609375 36.224609 L 32.40625 36.224609 C 32.56321 34.338659 32.810358 32.718835 33.148438 31.351562 L 34.109375 27.492188 C 34.713055 25.040508 35.015625 23.370414 35.015625 22.474609 C 35.015625 21.614142 34.727997 20.907493 34.148438 20.353516 C 33.580956 19.787747 32.861548 19.5 31.992188 19.5 z M 6.3984375 25.601562 L 0 32 L 19.203125 51.203125 L 25.59375 44.804688 L 6.3984375 25.601562 z M 44.804688 38.398438 L 25.601562 57.601562 L 31.992188 64 L 51.203125 44.796875 L 44.804688 38.398438 z M 32.03125 38.757812 C 31.21021 38.757812 30.512792 39.037747 29.945312 39.603516 C 29.377834 40.169286 29.09375 40.850914 29.09375 41.640625 C 29.09375 42.430336 29.377833 43.102161 29.945312 43.667969 C 30.524873 44.221946 31.22225 44.5 32.03125 44.5 C 32.84021 44.5 33.52627 44.221946 34.09375 43.667969 C 34.67331 43.102161 34.960938 42.430336 34.960938 41.640625 C 34.960938 40.839122 34.67331 40.157494 34.09375 39.603516 C 33.52627 39.037747 32.84021 38.757812 32.03125 38.757812 z "
     id="path4145" /></svg>
--- a/resources/mmv/ui/img/restrict-personality.svg
+++ b/resources/mmv/ui/img/restrict-personality.svg
@ -62,7 +62,7 @@
     inkscape:groupmode="layer"
     id="layer1">
    <path
-       style="fill:#333333;fill-opacity:1;stroke:none;stroke-width:16;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       style="fill:#222;fill-opacity:1;stroke:none;stroke-width:16;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 0,0 0,64.00004 10.345703,0 43.308594,0 L 64,64.00004 64,0 0,0 Z m 6,6 52,0 0,52.00004 -6.060547,0 A 25.20602,60.413365 0 0 0 41.75,39.05474 c -2.753842,1.9904 -6.120159,3.1816 -9.757812,3.1816 -3.624277,0 -6.978291,-1.1811 -9.726563,-3.1582 A 25.20602,60.413365 0 0 0 12.060547,58.00004 L 6,58.00004 6,6 Z m 25.992188,6.00004 c -7.45154,0 -13.492255,6.0405 -13.492188,13.4922 -5e-6,7.4516 6.040693,13.4921 13.492188,13.4921 7.451495,0 13.492192,-6.0405 13.492187,-13.4921 6.6e-5,-7.4517 -6.040648,-13.4922 -13.492187,-13.4922 z"
       id="path4134"
       inkscape:connector-curvature="0" />
--- a/resources/mmv/ui/img/time.svg
+++ b/resources/mmv/ui/img/time.svg
@ -29,5 +29,5 @@
  <path
     d="M 64.741719,15.24625 C 58.139844,8.637812 49.350469,5 39.995625,5 30.648437,5 21.859062,8.637812 15.241875,15.24625 8.6334375,21.855781 5,30.649531 5,40 5,49.350469 8.6334375,58.144219 15.241875,64.741719 21.859062,71.35125 30.648437,75 39.995625,75 49.350469,75 58.139844,71.35125 64.741719,64.741719 71.353437,58.144219 75,49.350469 75,40 75,30.649531 71.353437,21.855781 64.741719,15.24625 z M 51.459219,56.535313 36.504375,41.604531 V 16.009687 h 5.627344 v 23.234532 l 13.301094,13.30875 -3.973594,3.982344 z"
     id="path4"
-     style="fill:#929497" />
+     style="fill:#72777d" />
 </svg>
--- a/resources/mmv/ui/img/user-ltr.svg
+++ b/resources/mmv/ui/img/user-ltr.svg
@ -1 +1 @@
-<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="80" height="80"><path fill="#929497" d="M16.436 8c-8.04 0-8.422 7.667-8.436 8.049v55.951h55.562c8.039 0 8.422-7.667 8.438-8.049v-55.951h-55.564z"/><path fill="#fff" d="M31.202 26.303c2.565 0 4.649 2.086 4.649 4.655 0 2.573-2.084 4.653-4.649 4.653-2.573 0-4.659-2.08-4.659-4.653-.001-2.569 2.086-4.655 4.659-4.655z"/><circle fill="#fff" cx="50.476" cy="30.957" r="4.654"/><path fill="#fff" d="M40.835 57.729c-7.189 0-13.987-2.433-18.186-6.508-1.057-1.025-1.082-2.714-.056-3.771 1.025-1.056 2.714-1.082 3.771-.056 3.226 3.131 8.636 5 14.471 5 5.749 0 11.117-1.83 14.359-4.896 1.068-1.011 2.756-.966 3.77.105 1.012 1.07.965 2.758-.105 3.77-4.271 4.04-10.84 6.356-18.024 6.356z"/></svg>
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="80" height="80"><path fill="#72777d" d="M16.436 8c-8.04 0-8.422 7.667-8.436 8.049v55.951h55.562c8.039 0 8.422-7.667 8.438-8.049v-55.951h-55.564z"/><path fill="#fff" d="M31.202 26.303c2.565 0 4.649 2.086 4.649 4.655 0 2.573-2.084 4.653-4.649 4.653-2.573 0-4.659-2.08-4.659-4.653-.001-2.569 2.086-4.655 4.659-4.655z"/><circle fill="#fff" cx="50.476" cy="30.957" r="4.654"/><path fill="#fff" d="M40.835 57.729c-7.189 0-13.987-2.433-18.186-6.508-1.057-1.025-1.082-2.714-.056-3.771 1.025-1.056 2.714-1.082 3.771-.056 3.226 3.131 8.636 5 14.471 5 5.749 0 11.117-1.83 14.359-4.896 1.068-1.011 2.756-.966 3.77.105 1.012 1.07.965 2.758-.105 3.77-4.271 4.04-10.84 6.356-18.024 6.356z"/></svg>
--- a/resources/mmv/ui/img/user-rtl.svg
+++ b/resources/mmv/ui/img/user-rtl.svg
@ -1 +1 @@
-<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="80" height="80"><path d="M63.564 8c8.04 0 8.422 7.667 8.436 8.049v55.951h-55.562c-8.039 0-8.422-7.667-8.438-8.049v-55.951h55.564z" fill="#929497"/><path d="M48.798 26.303c-2.565 0-4.649 2.086-4.649 4.655 0 2.573 2.084 4.653 4.649 4.653 2.573 0 4.659-2.08 4.659-4.653.001-2.569-2.086-4.655-4.659-4.655z" fill="#fff"/><circle cx="50.476" cy="30.957" r="4.654" transform="matrix(-1 0 0 1 80 0)" fill="#fff"/><path d="M39.165 57.729c7.189 0 13.987-2.433 18.186-6.508 1.057-1.025 1.082-2.714.056-3.771-1.025-1.056-2.714-1.082-3.771-.056-3.226 3.131-8.636 5-14.471 5-5.749 0-11.117-1.83-14.359-4.896-1.068-1.011-2.756-.966-3.77.105-1.012 1.07-.965 2.758.105 3.77 4.271 4.04 10.84 6.356 18.024 6.356z" fill="#fff"/></svg>
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="80" height="80"><path d="M63.564 8c8.04 0 8.422 7.667 8.436 8.049v55.951h-55.562c-8.039 0-8.422-7.667-8.438-8.049v-55.951h55.564z" fill="#72777d"/><path d="M48.798 26.303c-2.565 0-4.649 2.086-4.649 4.655 0 2.573 2.084 4.653 4.649 4.653 2.573 0 4.659-2.08 4.659-4.653.001-2.569-2.086-4.655-4.659-4.655z" fill="#fff"/><circle cx="50.476" cy="30.957" r="4.654" transform="matrix(-1 0 0 1 80 0)" fill="#fff"/><path d="M39.165 57.729c7.189 0 13.987-2.433 18.186-6.508 1.057-1.025 1.082-2.714.056-3.771-1.025-1.056-2.714-1.082-3.771-.056-3.226 3.131-8.636 5-14.471 5-5.749 0-11.117-1.83-14.359-4.896-1.068-1.011-2.756-.966-3.77.105-1.012 1.07-.965 2.758.105 3.77 4.271 4.04 10.84 6.356 18.024 6.356z" fill="#fff"/></svg>
--- a/resources/mmv/ui/mmv.ui.canvas.less
+++ b/resources/mmv/ui/mmv.ui.canvas.less
@ -11,7 +11,7 @@
 		display: none;
 	}
 	&.error {
-		background-color: #333;
+		background-color: #222;

 		a,
 		a:visited {
--- a/resources/mmv/ui/mmv.ui.dialog.less
+++ b/resources/mmv/ui/mmv.ui.dialog.less
@ -1,19 +1,19 @@
@import '../mmv.mixins';
@import '../mmv.globals';

-.mw-mmv-dialog {
-	@background-color: rgb( 255, 255, 255 );
-	@shadow-color: #aaa;
-	@dialog-width: 450px;
+@background-color: #fff;
+@dialog-width: 450px;
+@box-shadow-dialog: 0 2px 2px 0 rgba( 0, 0, 0, 0.25 );

+.mw-mmv-dialog {
 	position: fixed;
 	right: 58px;
 	display: none;
 	width: @dialog-width;
 	height: @dialog-height;
 	background-color: @background-color;
-	box-shadow: 0 2px 0 @shadow-color;
-	.box-round( @border-radius );
+	box-shadow: @box-shadow-dialog;
+	border-radius: @border-radius;
 	z-index: 1004;

 	.mw-mmv-dialog-down-arrow {
--- a/resources/mmv/ui/mmv.ui.download.dialog.less
+++ b/resources/mmv/ui/mmv.ui.download.dialog.less
@ -2,23 +2,16 @@
@import '../mmv.globals';

 .mw-mmv-download-dialog {
-	@divider-border-height: 1px;
 	@dialog-height: 230px;

 	height: @dialog-height;
-
 	// positioned relative to the download button
 	position: fixed;
 	bottom: @metadatabar-above-fold-height + @progress-bar-height + 35px;

 	.mw-mmv-download-size .oo-ui-optionWidget {
-		@tab-border-height: 3px;
-		@highlighted-tab-color: rgb( 225, 243, 255 );
-		@selected-tab-color: rgb( 0, 113, 188 );
-
 		display: inline-block;
 		padding: 10px 25px;
-
 		font-size: 16px;

 		&.oo-ui-optionWidget-selected {
@ -26,7 +19,7 @@
 		}

 		&:first-child {
-			.box-round( @border-radius 0 0 0 );
+			border-radius: @border-radius 0 0 0;
 		}
 	}

--- a/resources/mmv/ui/mmv.ui.download.pane.less
+++ b/resources/mmv/ui/mmv.ui.download.pane.less
@ -2,10 +2,10 @@
@import '../mmv.mixins';

@pane-padding: 10px;
-@attribution-color: #f2f2f2;
-@attribution-color-highlighted: #f5f5f5;
+@attribution-color: #f8f9fa;
+@attribution-color-highlighted: #fff;
@attribution-logo-size: 40px;
-@input-text-color: #333;
+@input-text-color: #222;

 .mw-mmv-download-pane {
 	padding: 0 @pane-padding;
@ -59,7 +59,7 @@
 			margin-top: 12px;
 			margin-left: -6px;
 			font-size: 16px;
-			color: #555;
+			color: #54595d;

 			&:before {
 				display: inline-block;
@ -113,11 +113,11 @@
 		right: 0;
 		padding: 0 @pane-padding @pane-padding;
 		background-color: @attribution-color;
-		color: #555;
+		color: #54595d;

 		&:hover {
 			background-color: @attribution-color-highlighted;
-			color: #333;
+			color: #222;
 		}

 		&-how {
--- a/resources/mmv/ui/mmv.ui.metadataPanel.less
+++ b/resources/mmv/ui/mmv.ui.metadataPanel.less
@ -1,10 +1,6 @@
@import '../mmv.globals';
@import '../mmv.mixins';

-@info-box-color: #fff;
-@info-box-border-color: #ddd;
-@info-box-border-shadow-color: #c9c9c9;
-@secondary-text-color: rgb( 136, 136, 136 );
@panel-below-fold-background-color: #f8f9fa;

@fold-separator-border-width: 1px;
@ -15,10 +11,9 @@
 .mw-mmv-info-box {
 	display: inline-block;
 	overflow: hidden;
-	border: 1px solid @info-box-border-color;
-	border-bottom: 2px solid @info-box-border-shadow-color;
-	.box-round( @border-radius );
-	background-color: @info-box-color;
+	border: 1px solid #c8ccd1;
+	border-radius: @border-radius;
+	background-color: #fff;
 }

 .mw-mmv-title-contain {
@ -57,6 +52,7 @@
 		right: @horizontal-padding;
 		bottom: 3px;
 		background-color: @panel-above-fold-background-color; // clip text
+
 		&:before {
 			.fade-out-horizontal( @panel-above-fold-background-color );
 		}
@ -66,7 +62,7 @@
 .mw-mmv-credit {
 	@padding-right: 5px;
 	margin: 0;
-	color: #555;
+	color: #54595d;
 	padding: 0 0 @padding-right;
 	font-size: 0.85em;

@ -83,6 +79,7 @@
 		right: @padding-right;
 		bottom: 13px;
 		background-color: @panel-below-fold-background-color; // clip text
+
 		&:before {
 			.fade-out-horizontal( @panel-below-fold-background-color );
 		}
@ -103,7 +100,7 @@
 	width: 100%;
 	position: relative;
 	margin-top: -@metadatabar-below-fold-pushup-height;
-	border-top: @fold-separator-border-width solid #ddd;
+	border-top: @fold-separator-border-width solid #c8ccd1;
 	background-color: @panel-below-fold-background-color;
 	padding-top: @space-above-credit;

@ -153,11 +150,12 @@

 .mw-mmv-image-desc {
 	font-size: @mediumfont;
-	color: #555;
+	color: #54595d;
 }

 .mw-mmv-image-links {
 	margin: 0 20px;
+
 	li {
 		list-style: none;
 		font-size: @littlefont;
@ -247,15 +245,16 @@
 }

 .mw-mmv-label {
-	background-color: #ddd;
+	background-color: #eaecf0;
 	color: #222;
 	margin-left: 6px;
 	margin-top: 1px;
-	.box-round( @border-radius );
+	border-radius: @border-radius;
 	padding: 2px 5px;
 	font-size: 0.9em;
+
 	&:hover {
-		background-color: #c9c9c9;
+		background-color: #c8ccd1;
 	}
 }

@ -291,6 +290,7 @@
 	&:hover {
 		background-color: #fc6;
 	}
+
 	cursor: default;
 	display: inline-block;
 	height: 16px;
@ -388,5 +388,5 @@

 .mw-mmv-optout-link.pending {
 	cursor: wait;
-	color: #555;
+	color: #54595d;
 }
--- a/resources/mmv/ui/mmv.ui.permission.less
+++ b/resources/mmv/ui/mmv.ui.permission.less
@ -3,7 +3,6 @@

 .mw-mmv-permission-box {
 	position: relative;
-
 	width: 90%;
 	margin: 10px 20px 0;

@ -20,15 +19,12 @@

 	.mw-mmv-permission-close {
 		display: none;
-
 		position: absolute;
 		top: 12px;
 		right: 8px;
-
 		width: 16px;
 		height: 16px;
 		.background-image( 'img/x_gray.svg' );
-
 		cursor: pointer;
 	}

@ -38,22 +34,19 @@
 		@lines-shown: 3;

 		position: relative;
-
 		max-height: @lines-shown * @text-line-height * @text-font-size;
 		overflow: hidden;
 		margin: 0 10px 10px;
 		font-size: @text-font-size;
 		line-height: @text-line-height;
-		color: #555;
+		color: #54595d;

 		.mw-mmv-permission-text-fader {
 			position: absolute;
 			top: ( @lines-shown - 1 ) * @text-line-height * @text-font-size;
 			width: 100%;
 			height: @text-line-height * @text-font-size;
-
 			.fade-out-vertical();
-
 			text-align: right;

 			a {
@ -82,7 +75,7 @@

 		.mw-mmv-permission-html {
 			display: block;
-			border-top: 1px solid #f0f0f0;
+			border-top: 1px solid #f8f9fa;
 		}
 	}
 }
--- a/resources/mmv/ui/mmv.ui.reuse.dialog.less
+++ b/resources/mmv/ui/mmv.ui.reuse.dialog.less
@ -15,7 +15,7 @@
 		padding-bottom: 0; // OOUI override
 		border: 0; // OOUI override
 		border-bottom: @divider-border-height solid @divider-color;
-		.box-round( @border-radius @border-radius 0 0 );
+		border-radius: @border-radius @border-radius 0 0;

 		.oo-ui-iconedElement-icon.oo-ui-icon-check,
 		.oo-ui-iconElement-icon.oo-ui-icon-check {
@ -25,11 +25,10 @@
 		.oo-ui-optionWidget {
 			@tab-border-height: 3px;
 			@highlighted-tab-color: rgb( 225, 243, 255 );
-			@selected-tab-color: rgb( 0, 113, 188 );
+			@selected-tab-color: #2a4b8d;

 			display: inline-block;
 			padding: 10px 25px;
-
 			font-size: 1.2em;

 			&.oo-ui-optionWidget-highlighted {
@ -42,7 +41,7 @@
 			}

 			&:first-child {
-				.box-round( @border-radius 0 0 0 );
+				border-radius: @border-radius 0 0 0;
 			}
 		}
 	}
--- a/resources/mmv/ui/mmv.ui.reuse.embed.less
+++ b/resources/mmv/ui/mmv.ui.reuse.embed.less
@ -1,7 +1,7 @@
-@switch-color: #f2f2f2;
-@active-switch-color: #666;
-@embed-dimensions-color: #aaa;
-@textarea-text-color: #333;
+@switch-color: #f8f9fa;
+@active-switch-color: #54595d;
+@embed-dimensions-color: #72777d;
+@textarea-text-color: #222;

 .mw-mmv-reuse-pane {
 	.mw-mmv-embed-text-html,
--- a/resources/mmv/ui/mmv.ui.reuse.share.less
+++ b/resources/mmv/ui/mmv.ui.reuse.share.less
@ -1,4 +1,4 @@
-@input-text-color: #333;
+@input-text-color: #222;

 .mw-mmv-share-pane {
 	.mw-mmv-share-page {
@ -20,7 +20,6 @@
 		float: right;
 		width: 1.5em;
 		height: 1.5em;
-
 		// position approximately to the middle - probably fragile but couldn't find a better way as
 		// the height of OOJS-UI input widget has both em and px parts and not possible to calculate
 		// exactly
@ -33,12 +32,10 @@
 	float: left;
 	width: 1.5em;
 	height: 1.5em;
-
 	// position approximately to the middle - probably fragile but couldn't find a better way as the
 	// height of OOJS-UI input widget has both em and px parts and not possible to calculate exactly
 	margin: 8px 0;
 	padding: 0 5px 0 0;
-
 	/* @embed */
 	background-image: url( img/link.svg );
 	background-size: contain;
--- a/resources/mmv/ui/mmv.ui.reuse.shareembed.less
+++ b/resources/mmv/ui/mmv.ui.reuse.shareembed.less
@ -1,4 +1,4 @@
-@explanation-color: #aaa;
+@explanation-color: #72777d;

 .mw-mmv-shareembed-explanation {
 	color: @explanation-color;
--- a/resources/mmv/ui/mmv.ui.stripeButtons.less
+++ b/resources/mmv/ui/mmv.ui.stripeButtons.less
@ -50,7 +50,7 @@
 	&.mw-mmv-description-page-button,
 	&.mw-mmv-description-page-button:active,
 	&.mw-mmv-description-page-button:visited {
-		border-radius: 4px;
+		border-radius: @border-radius;
 		color: #fff;
 		padding: 7px 16px;
 		margin: 7px 10px;
--- a/resources/mmv/ui/mmv.ui.tipsyDialog.less
+++ b/resources/mmv/ui/mmv.ui.tipsyDialog.less
@ -3,8 +3,8 @@

 .mw-mmv-tipsy-dialog {
 	@arrow-height: 8px;
-	@background-color: #eee;
-	@border-color: #aaa;
+	@background-color: #eaecf0;
+	@border-color: #a2a9b1;
 	@padding: 20px; // must be larger than @arrow-height / sqrt(2), otherwise the arrow overlaps the text

 	padding-bottom: @arrow-height; // the actual arrow height is @arrow-height / sqrt(2)
@ -13,10 +13,9 @@
 		max-width: 400px;
 		background-color: @background-color;
 		border: 1px solid @border-color;
-		.box-round( @border-radius );
+		border-radius: @border-radius;
 		padding: @padding;
-
-		color: #555;
+		color: #54595d;

 		.mw-mmv-tipsy-dialog-title {
 			margin-bottom: 1em;
@ -44,9 +43,7 @@
 		height: 15px;
 		float: right;
 		margin: @topRightMargin @topRightMargin @padding @padding;
-
 		cursor: pointer;
-
 		/* @embed */
 		background-image: url( img/x_gray.svg );
 		background-repeat: no-repeat;
--- a/resources/mmv/ui/mmv.ui.truncatableTextField.less
+++ b/resources/mmv/ui/mmv.ui.truncatableTextField.less
@ -1,4 +1,5 @@
@import 'mediawiki.mixins';
+@import '../mmv.globals';
@import '../mmv.mixins';

 .mw-mmv-ttf-container {
@ -35,27 +36,26 @@
 		height: 1em; // make it scale with the font
 		width: 1.5em; // SVG image has ~1.5 aspect ratio
 		text-indent: -9999px;
-
-		border-radius: 2px;
+		border-radius: @border-radius;
 		background-size: contain;
 		background-position: center center;
 		background-repeat: no-repeat;
 		/* @embed */
 		background-image: url( img/ellipsis_lightgray.svg );
-		.box-shadow( -4px 6px 0 0 white);
+		.box-shadow( -4px 6px 0 0 #fff );

 		// Hovering over .mw-mmv-ttf-ellipsis-container will make the ellipsis more visible to attract
 		// attention to it. Since it has to be set on a parent element which is not under control of
 		// TruncatableTextField, setting it is the caller's responsibility.
 		.mw-mmv-ttf-ellipsis-container:hover & {
-			background-color: #d7d7d7;
+			background-color: #eaecf0;
 			/* @embed */
 			background-image: url( img/ellipsis_gray.svg );
 		}
 		// second rule + ordering needed for specificity
 		&:hover,
 		.mw-mmv-ttf-ellipsis-container &:hover {
-			background-color: #cacaca;
+			background-color: #c8ccd1;
 			/* @embed */
 			background-image: url( img/ellipsis_darkgray.svg );
 		}
@ -65,9 +65,7 @@

 			display: block;
 			content: '';
-
 			height: 1.6em; // 1em would not cover high glyphs
-
 			width: @fade-length;
 			margin-left: -@fade-length;
 			.fade-out-horizontal();
--- a/resources/mmv/ui/mmv.ui.viewingOptions.less
+++ b/resources/mmv/ui/mmv.ui.viewingOptions.less
@ -1,8 +1,6 @@
@import '../mmv.globals';
@import '../mmv.mixins';

-@divider-border-height: 1px;
-
 .mw-mmv-options-dialog {
 	@offset-top: ( @buttons-offset-right + ( 2 * @buttons-offset-each-top ) + 6px );

@ -20,18 +18,10 @@
 		}
 	}

-	&.mw-mmv-disable-confirmation-shown {
+	&.mw-mmv-disable-confirmation-shown,
+	&.mw-mmv-disable-confirmation-shown .mw-mmv-dialog-down-arrow,
+	&.mw-mmv-enable-div-shown .mw-mmv-dialog-down-arrow {
 		background-color: #eaecf0;
-
-		.mw-mmv-dialog-down-arrow {
-			background-color: #eaecf0;
-		}
-	}
-
-	&.mw-mmv-enable-div-shown {
-		.mw-mmv-dialog-down-arrow {
-			background-color: #eaecf0;
-		}
 	}

 	.mw-mmv-dialog-down-arrow {
@ -60,7 +50,6 @@
 		height: 15px;
 		cursor: pointer;
 		opacity: 0.75;
-
 		/* @embed */
 		background-image: url( img/x_gray.svg );

@ -155,7 +144,7 @@
 .mw-mmv-options-text-header {
 	margin: 0;
 	font-size: 1em;
-	color: #555;
+	color: #54595d;
 }

 .mw-mmv-options-text-body {
@ -170,8 +159,8 @@
 	left: -15px;
 	right: -15px;
 	top: -15px;
-	border-top-right-radius: 2px;
-	border-top-left-radius: 2px;
+	border-top-right-radius: @border-radius;
+	border-top-left-radius: @border-radius;
 	padding: 10px 15px;
 	font-weight: 500;
 }
--- a/viewer-ltr.svg
+++ b/viewer-ltr.svg
@ -1,2 +1,2 @@
 <?xml version="1.0" encoding="utf-8"?>
-<svg version="1.2" baseProfile="tiny" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="264px" height="162px" viewBox="0 0 264 162"><defs><rect id="r" x="0" y="5" fill="#E5E5E5" width="22" height="6"/></defs><polygon fill="white" points="24.833,151.362 13.366,161.357 0.5,151.749 0.5,0.5 263.5,0.5 263.5,152.249 254.5,158.954 254.5,42.5 215.5,42.5 215.5,155.1 211.107,151.369 203.5,156.699 203.5,42.5 48.5,42.5 48.5,153.349 38.749,161.38"/><path fill="#E5E5E5" d="M263,1v150.998l-8,5.96V43v-1h-1h-38h-1v1v111.019l-3.274-2.779l-0.589-0.499l-0.633,0.44L204,155.738V43v-1h-1H49h-1v1v110.099l-9.257,7.661l-13.295-9.569l-0.644-0.465l-0.598,0.521l-10.864,9.47L1,151.499V1H263 M264,0H0v152l13.391,10l11.473-10l13.891,10L49,153.6V43h154v114.66l8.078-5.66l4.922,4.18V43h38v116.95l10-7.45V0L264,0z"/><path fill="#E5E5E5" d="M203,157.66V43H49v110.6l2.145-1.6L63.7,162l13.809-10l14.229,10l12.972-10l12.973,10l13.811-10l12.136,10l13.391-10l14.229,10l12.972-10l12.974,10L203,157.66z"/><path fill="#E5E5E5" d="M11,36c0-7.732,6.268-14,14-14s14,6.268,14,14s-6.268,14-14,14S11,43.732,11,36z"/><path fill="#E5E5E5" d="M254,159.95V43h-38v113.18l7.551,5.82l13.811-10l13.891,10L254,159.95z"/><path fill="#E5E5E5" d="M38,107V72H13v35H38z"/><path fill="#E5E5E5" d="M232.51,5h26v6h-26V5z"/><use xlink:href="#r" x="208.51"/><path fill="#E5E5E5" d="M142,6v4H50V6H142 M143,5H49v6h94V5L143,5z"/><use xlink:href="#r" x="184.51"/><use xlink:href="#r" x="161.51" width="13"/><use xlink:href="#r" x="176.51" width="6"/><use xlink:href="#r" x="153.51" width="6"/><use xlink:href="#r" x="9" width="32"/><path fill="#E5E5E5" stroke="#E5E5E5" d="M2,14.5h260"/><path fill="#A3A3A3" d="M221,73h24v1h-24V73z"/><use x="52" y="2" width="2" height="2"/><path fill="#E5E5E5" d="M38,59v-5H13v5H38z"/><path fill="#8ACDFF" d="M250,47h-30v24h30V47z M229.732,58h1.08l6.69,6.596l3.634-2.172l5.477,4.557V67h-23.959L229.732,58z"/><path fill="white" d="M54,15h155v128H54V15z"/><path fill="#2693FF" d="M204,24H60v112h144V24z M106.321,74h5.184l32.129,34.005l17.446-10.42l26.28,21.317V119H72.343L106.321,74z"/><path fill="white" d="M191.795,34.937L187.955,31H198v10.067l-3.948-4.221l-6.478,6.494L191.21,47H182V36.933l3.637,4.046L191.795,34.937z"/></svg>
+<svg version="1.2" baseProfile="tiny" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="264px" height="162px" viewBox="0 0 264 162"><defs><rect id="r" x="0" y="5" fill="#eaecf0" width="22" height="6"/></defs><polygon fill="white" points="24.833,151.362 13.366,161.357 0.5,151.749 0.5,0.5 263.5,0.5 263.5,152.249 254.5,158.954 254.5,42.5 215.5,42.5 215.5,155.1 211.107,151.369 203.5,156.699 203.5,42.5 48.5,42.5 48.5,153.349 38.749,161.38"/><path fill="#eaecf0" d="M263,1v150.998l-8,5.96V43v-1h-1h-38h-1v1v111.019l-3.274-2.779l-0.589-0.499l-0.633,0.44L204,155.738V43v-1h-1H49h-1v1v110.099l-9.257,7.661l-13.295-9.569l-0.644-0.465l-0.598,0.521l-10.864,9.47L1,151.499V1H263 M264,0H0v152l13.391,10l11.473-10l13.891,10L49,153.6V43h154v114.66l8.078-5.66l4.922,4.18V43h38v116.95l10-7.45V0L264,0z"/><path fill="#eaecf0" d="M203,157.66V43H49v110.6l2.145-1.6L63.7,162l13.809-10l14.229,10l12.972-10l12.973,10l13.811-10l12.136,10l13.391-10l14.229,10l12.972-10l12.974,10L203,157.66z"/><path fill="#eaecf0" d="M11,36c0-7.732,6.268-14,14-14s14,6.268,14,14s-6.268,14-14,14S11,43.732,11,36z"/><path fill="#eaecf0" d="M254,159.95V43h-38v113.18l7.551,5.82l13.811-10l13.891,10L254,159.95z"/><path fill="#eaecf0" d="M38,107V72H13v35H38z"/><path fill="#eaecf0" d="M232.51,5h26v6h-26V5z"/><use xlink:href="#r" x="208.51"/><path fill="#eaecf0" d="M142,6v4H50V6H142 M143,5H49v6h94V5L143,5z"/><use xlink:href="#r" x="184.51"/><use xlink:href="#r" x="161.51" width="13"/><use xlink:href="#r" x="176.51" width="6"/><use xlink:href="#r" x="153.51" width="6"/><use xlink:href="#r" x="9" width="32"/><path fill="#eaecf0" stroke="#eaecf0" d="M2,14.5h260"/><path fill="#a2a9b1" d="M221,73h24v1h-24V73z"/><use x="52" y="2" width="2" height="2"/><path fill="#eaecf0" d="M38,59v-5H13v5H38z"/><path fill="#8ACDFF" d="M250,47h-30v24h30V47z M229.732,58h1.08l6.69,6.596l3.634-2.172l5.477,4.557V67h-23.959L229.732,58z"/><path fill="white" d="M54,15h155v128H54V15z"/><path fill="#2693FF" d="M204,24H60v112h144V24z M106.321,74h5.184l32.129,34.005l17.446-10.42l26.28,21.317V119H72.343L106.321,74z"/><path fill="white" d="M191.795,34.937L187.955,31H198v10.067l-3.948-4.221l-6.478,6.494L191.21,47H182V36.933l3.637,4.046L191.795,34.937z"/></svg>
--- a/viewer-rtl.svg
+++ b/viewer-rtl.svg
@ -52,7 +52,7 @@
       id="r"
       x="0"
       y="5"
-       fill="#E5E5E5"
+       fill="#eaecf0"
       width="22"
       height="6" />
  </defs>
@ -65,32 +65,32 @@
     d="m 1,1 v 150.998 l 8,5.96 V 43 42 h 1 38 1 v 1 111.019 l 3.274,-2.779 0.589,-0.499 0.633,0.44 6.504,4.557 V 43 42 h 1 154 1 v 1 110.099 l 9.257,7.661 13.295,-9.569 0.644,-0.465 0.598,0.521 10.864,9.47 L 263,151.499 V 1 H 1 M 0,0 H 264 V 152 L 250.609,162 239.136,152 225.245,162 215,153.6 V 43 H 61 V 157.66 L 52.922,152 48,156.18 V 43 H 10 V 159.95 L 0,152.5 V 0 l 0,0 z"
     id="path8"
     inkscape:connector-curvature="0"
-     style="fill:#e5e5e5" />
+     style="fill:#eaecf0" />
  <path
     d="M 61,157.66 V 43 H 215 V 153.6 L 212.855,152 200.3,162 186.491,152 172.262,162 159.29,152 146.317,162 132.506,152 120.37,162 106.979,152 92.75,162 79.778,152 66.804,162 61,157.66 z"
     id="path10"
     inkscape:connector-curvature="0"
-     style="fill:#e5e5e5" />
+     style="fill:#eaecf0" />
  <path
     d="m 253,36 c 0,-7.732 -6.268,-14 -14,-14 -7.732,0 -14,6.268 -14,14 0,7.732 6.268,14 14,14 7.732,0 14,-6.268 14,-14 z"
     id="path12"
     inkscape:connector-curvature="0"
-     style="fill:#e5e5e5" />
+     style="fill:#eaecf0" />
  <path
     d="M 10,159.95 V 43 H 48 V 156.18 L 40.449,162 26.638,152 12.747,162 10,159.95 z"
     id="path14"
     inkscape:connector-curvature="0"
-     style="fill:#e5e5e5" />
+     style="fill:#eaecf0" />
  <path
     d="M 226,107 V 72 h 25 v 35 h -25 z"
     id="path16"
     inkscape:connector-curvature="0"
-     style="fill:#e5e5e5" />
+     style="fill:#eaecf0" />
  <path
     d="m 31.49,5 h -26 v 6 h 26 V 5 z"
     id="path18"
     inkscape:connector-curvature="0"
-     style="fill:#e5e5e5" />
+     style="fill:#eaecf0" />
  <use
     xlink:href="#r"
     x="208.50999"
@ -103,7 +103,7 @@
     d="m 122,6 v 4 h 92 V 6 h -92 m -1,-1 h 94 v 6 H 121 V 5 l 0,0 z"
     id="path22"
     inkscape:connector-curvature="0"
-     style="fill:#e5e5e5" />
+     style="fill:#eaecf0" />
  <use
     xlink:href="#r"
     x="184.50999"
@ -148,12 +148,12 @@
     d="M 262,14.5 H 2"
     id="path34"
     inkscape:connector-curvature="0"
-     style="fill:#e5e5e5;stroke:#e5e5e5" />
+     style="fill:#eaecf0;stroke:#eaecf0" />
  <path
     d="M 43,73 H 19 v 1 h 24 v -1 z"
     id="path36"
     inkscape:connector-curvature="0"
-     style="fill:#a3a3a3" />
+     style="fill:#a2a9b1" />
  <use
     x="52"
     y="2"
@ -165,7 +165,7 @@
     d="m 226,59 v -5 h 25 v 5 h -25 z"
     id="path40"
     inkscape:connector-curvature="0"
-     style="fill:#e5e5e5" />
+     style="fill:#eaecf0" />
  <path
     d="M 14,47 H 44 V 71 H 14 V 47 z m 20.268,11 h -1.08 l -6.69,6.596 -3.634,-2.172 -5.477,4.557 V 67 h 23.959 l -7.078,-9 z"
     id="path42"