format

Signed-off-by: WaitSpring <me@waitspring.com>

.stylelintrc.json

@@ -1,5 +1,5 @@
 {
-	"extends": ["stylelint-config-wikimedia"],
+	"extends": [ "stylelint-config-wikimedia" ],
 	"rules": {
 		"font-weight-notation": null,
 		"selector-max-id": null,

resources/ext.DarkMode.js

@@ -38,8 +38,8 @@
 	var windowEventFunction = function windowEventFunction() {
 		button.style.bottom =
 			document.getElementById('proveit') ||
-				document.getElementsByClassName('gadget-cat_a_lot-container')[0] ||
-				document.getElementsByClassName('wordcount')[0] ?
+				document.getElementsByClassName('gadget-cat_a_lot-container')[ 0 ] ||
+				document.getElementsByClassName('wordcount')[ 0 ] ?
 				'162px' :
 				'120px';
 	};
@@ -85,9 +85,9 @@
 	};
 
 	var setMetaContent = function setMetaContent(metaContent) {
-		if (document.getElementsByTagName('meta')['color-scheme']) {
+		if (document.getElementsByTagName('meta')[ 'color-scheme' ]) {
 			document
-				.getElementsByTagName('meta')['color-scheme']
+				.getElementsByTagName('meta')[ 'color-scheme' ]
 				.setAttribute('content', metaContent);
 		} else {
 			var meta = document.createElement('meta');

resources/ext.DarkMode.less

@@ -1,3 +1,4 @@
+/* stylelint-disable selector-type-no-unknown */
 /* Dark Mode
  * Authors:
  * - Volker E.
@@ -11,8 +12,8 @@
 
 .invert() {
 	box-shadow: none;
-	-webkit-filter: invert(1) hue-rotate(180deg);
-	filter: invert(1) hue-rotate(180deg);
+	-webkit-filter: invert( 1 ) hue-rotate( 180deg );
+	filter: invert( 1 ) hue-rotate( 180deg );
 }
 
 .noinvert() {
@@ -42,7 +43,7 @@
 		.image-carousel,
 		.k-player.fullscreen,
 		.k-player .ttmlStyled,
-		.list-thumb:not(.list-thumb-none),
+		.list-thumb:not( .list-thumb-none ),
 		.mw-mmv-main.jq-fullscreened,
 		.mw-tmh-play-icon,
 		.vjs-fullscreen,
@@ -55,7 +56,7 @@
 		canvas,
 		img,
 		svg {
-			&:not(.mw-invert) {
+			&:not( .mw-invert ) {
 				.invert;
 			}
 		}
@@ -143,10 +144,7 @@
 		.drawer-container__mask,
 		.main-menu-mask,
 		.mw-mmv-image,
-		.mw-tmh-media-dialog
-			.oo-ui-dialog-content
-			> .oo-ui-window-body
-			.oo-ui-layout,
+		.mw-tmh-media-dialog .oo-ui-dialog-content > .oo-ui-window-body .oo-ui-layout,
 		.overlay.media-viewer,
 		.video-js,
 		.vjs-poster,
@@ -162,14 +160,14 @@
 			background-color: #e88e89;
 		}
 
-		input:not([type]),
-		textarea:not([type]) {
+		input:not( [ type ] ),
+		textarea:not( [ type ] ) {
 			background-color: #eaecf0 !important;
 		}
 
 		/* Color */
-		input:not([type]),
-		textarea:not([type]),
+		input:not( [ type ] ),
+		textarea:not( [ type ] ),
 		.mw-mmv-image .error-box,
 		.skin-gongbi #searchInput {
 			color: #000 !important;
@@ -215,11 +213,11 @@
 
 		/* Content image (thumbnail) SVGs */
 		.mw-mmv-image img.blurred {
-			filter: blur(3px) invert(1) hue-rotate(180deg) !important;
+			filter: blur( 3px ) invert( 1 ) hue-rotate( 180deg ) !important;
 		}
 
-		img[alt*="-at-"],
-		img[alt*="- at -"],
+		img[ alt*='-at-' ],
+		img[ alt*='- at -' ],
 		.branding-box img,
 		.mainpage_box h3 .header_icon img,
 		.mw-logo-container img,
@@ -235,20 +233,20 @@
 		.mw-body-content .thumbinner .thumbimage,
 		.filehistory a img,
 		#file img {
-			background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f9fafb' d='M0 0h16v16H0z' paint-order='markers stroke fill'/%3E%3C/svg%3E")
-				repeat;
+			/* stylelint-disable-next-line function-url-quotes */
+			background: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f9fafb' d='M0 0h16v16H0z' paint-order='markers stroke fill'/%3E%3C/svg%3E" ) repeat;
 			background-color: #f9fafb;
 		}
 
 		/* `*not( .mbox-image )` exception doesn't work for unclear reasons */
-		.image img[src*="svg"] {
+		.image img[ src*='svg' ] {
 			background-color: #fff;
 		}
 
 		/* Dealing with false positives from selector above */
-		.mw-echo-ui-notificationItemWidget-icon img[src*="svg"],
-		.mbox-image .image img[src*="svg"],
-		.image img[alt^="Symbol"] {
+		.mw-echo-ui-notificationItemWidget-icon img[ src*='svg' ],
+		.mbox-image .image img[ src*='svg' ],
+		.image img[ alt^='Symbol' ] {
 			background-color: transparent;
 		}