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.languagesettings.less

@@ -0,0 +1,152 @@
+@import 'mediawiki.mixins';
+
+/* stylelint-disable selector-no-id */
+#uls-settings-block {
+	.vertical-gradient( #fbfbfb, #f0f0f0 );
+	border-top: 1px solid #c8ccd1;
+	padding-left: 10px;
+	line-height: 1.2em;
+	border-radius: 0 0 5px 5px;
+}
+
+.uls-menu h3 {
+	border-bottom: medium none;
+	font-size: 14pt;
+	line-height: 1.5em;
+	margin-bottom: 10px;
+	margin-top: 0;
+	padding-left: 0;
+}
+
+#languagesettings-panels .languagesettings-menu {
+	padding-left: 0;
+	padding-right: 0;
+}
+
+.settings-title {
+	font-size: 13pt;
+}
+
+.settings-text {
+	color: #54595d;
+	font-size: 9pt;
+}
+
+.display-settings-block:hover .settings-text {
+	color: #222;
+}
+
+.languagesettings-menu h1 {
+	font-size: 16pt;
+	line-height: 20pt;
+	margin-top: 0;
+	font-weight: normal;
+	border: 0;
+	padding: 15px 0 3px 15px;
+	color: #54595d;
+}
+
+#languagesettings-settings-panel {
+	padding: 0 15px;
+	color: #222;
+	background: #fff;
+}
+
+#languagesettings-settings-panel h3 {
+	color: #222;
+	padding-top: 15px;
+	margin-top: 1pt;
+	line-height: 20pt;
+	font-size: 16pt;
+}
+
+#languagesettings-settings-panel h4 {
+	color: #222;
+	font-size: 12pt;
+}
+
+/* Buttons in the selector panel */
+.menu-section {
+	color: #72777d;
+	padding: 5px 0 5px 50px;
+	border-left: 3px solid transparent;
+	display: block;
+	font-size: 12pt;
+}
+
+#language-settings-dialog {
+	background: #f8f9fa;
+	/* Ensure base font size is same in different skins */
+	font-size: medium;
+}
+
+.uls-language-settings-close-block {
+	background: #fff;
+}
+
+#languagesettings-panels .menu-section.active,
+#languagesettings-panels .menu-section.active:hover {
+	background-color: #fff;
+	color: #000;
+	border-left-color: #36c;
+}
+
+.settings-menu-items .menu-section {
+	background-position: 6% 6px;
+	padding-left: 40px;
+	cursor: pointer;
+}
+
+.settings-menu-items .menu-section:hover {
+	background-color: #fff;
+}
+
+.language-settings-buttons {
+	border-top: 1px solid #eaecf0;
+	margin-top: 25px;
+	padding: 15px;
+	width: auto;
+	text-align: right;
+}
+
+.language-settings-buttons button {
+	margin-left: 15px;
+}
+
+.uls-ui-languages p,
+.checkbox {
+	color: #54595d;
+	font-size: 10pt;
+}
+
+/* mediawiki.ui does not have a pressed state style. */
+#languagesettings-panels .mw-ui-pressed {
+	background-color: #2a4b8d;
+	color: #fff;
+}
+
+.checkbox input[type='checkbox'] {
+	margin-left: 0;
+}
+
+.checkbox strong {
+	color: #222;
+}
+
+label.checkbox input[type='checkbox'] {
+	float: left;
+}
+
+.waiting {
+	cursor: progress;
+}
+
+.uls-icon-close {
+	background: transparent url( ../images/close.png ) no-repeat scroll center center;
+	background-image: -webkit-linear-gradient( transparent, transparent ), url( ../images/close.svg );
+	/* @embed */
+	background-image: linear-gradient( transparent, transparent ), url( ../images/close.svg );
+	float: right;
+	padding: 15px;
+	cursor: pointer;
+}