Replace outdated colors with WikimediaUI palette ones

Replacing all colors with current WikimediaUI palette ones.
Also:
- changing two files over to LESS in order to
 - make use of central gradient mixin instead of one with
   unnecessary vendor extensions and
 - concatenating selectors in one occurrence.

Bug: T174237
Change-Id: I5d302f29b079f6abdba5abf3b58d6ba254e1a4ac

resources/css/ext.uls.inputsettings.less

@@ -4,7 +4,7 @@
 	background: transparent no-repeat left top;
 	.background-image-svg( '../images/input.svg', '../images/input.png' );
 	background-size: 20px auto;
-	color: #252525;
+	color: #222;
 	padding-left: 26px;
 	cursor: pointer;
 }
@@ -25,9 +25,9 @@
 }
 
 .uls-ime-menu-settings-item {
-	background-color: #f0f0f0;
+	background-color: #f8f9fa;
 	border-radius: 0 0 5px 5px;
-	border-top: 1px solid #ddd;
+	border-top: 1px solid #c8ccd1;
 	margin-top: 6px;
 	padding: 4px 2px;
 	color: #444;
@@ -48,7 +48,7 @@
 	background: transparent no-repeat center top;
 	.background-image-svg( '../images/cog.svg', '../images/cog.png' );
 	background-size: auto 14px;
-	border-left: 1px solid #ccc;
+	border-left: 1px solid #c8ccd1;
 	width: 22px;
 	height: 14px;
 	position: absolute;
@@ -57,7 +57,7 @@
 }
 
 .uls-ime-menu-settings-item > a:hover {
-	background-color: #f0f0f0;
+	background-color: #f8f9fa;
 	color: #000;
 }
 
@@ -80,7 +80,7 @@
 	border-top: 0;
 	border-right: 8px solid transparent;
 	border-left: 8px solid transparent;
-	border-bottom: 8px solid #f0f0f0;
+	border-bottom: 8px solid #f8f9fa;
 	content: '';
 	position: relative;
 	vertical-align: bottom;
@@ -97,7 +97,7 @@
 .uls-input-settings .uls-input-settings-inputmethods-list {
 	margin: 12px 0;
 	padding: 6px 10px;
-	background: #f0f0f0;
+	background: #f8f9fa;
 
 	.uls-input-settings-name {
 		unicode-bidi: -moz-isolate;
@@ -110,7 +110,7 @@
 }
 
 .uls-ime-notification-bubble .link {
-	color: #0645ad;
+	color: #36c;
 	cursor: pointer;
 }