mediawiki.special: Replace 'mediawiki.ui/variables' call with skin vars

Replacing 'mediawiki.ui/variables.less' `@import` with
new skin-aware 'mediawiki.skin.variables.less' standard.
Also
- replacing several static values with new Codex design token featuring
  skin variables of following properties:
  - background color
  - color
  - border
  - box shadow
- removing obsolete same-value variables from code base
- bringing Less imports in the same order, with variables first, as they
  are used in mixins as well and always add `.less` extension to path
- renaming 'userlogin.css' to 'userlogin.less' to enable use of
  skin variables consistently

Note,
- there's a small number of static values reintroduced where no
  token is available yet. DS team will provide in follow-up patches
  after a future Codex release.
- there are a number of color choices in the code, that should be
  revisited by help of designers. They seem like non-standard choices.

Bug: T332541
Change-Id: I603a7bc52bf31233b2a82cdc2bff08fd1cb294fe

1 files changed, 4 insertions, 2 deletions

diff --git a/resources/src/mediawiki.pager.styles/DataTable.less b/resources/src/mediawiki.pager.styles/DataTable.less
index f2a7e989e276..304fb1f6e594 100644
--- a/resources/src/mediawiki.pager.styles/DataTable.less
+++ b/resources/src/mediawiki.pager.styles/DataTable.less
@@ -3,13 +3,15 @@
  * These were previously available through legacy.less and are still imported there.
  * After legacy.less has been removed, this file can be merged into TablePager.less.
  */
+@import 'mediawiki.skin.variables.less';
+
 .mw-datatable {
-	border: 1px solid #a2a9b1;
+	border: @border-base;
 	border-collapse: collapse;
 
 	td,
 	th {
-		border: 1px solid #a2a9b1;
+		border: @border-base;
 		padding: 0.2em 0.4em;
 	}