From 97566a026b484915d3bc873c8cc9673676e7081d Mon Sep 17 00:00:00 2001
From: Volker E <volker.e@wikimedia.org>
Date: Thu, 11 Jun 2020 18:17:24 -0700
Subject: [PATCH] [less] Amend subtle color to WikimediaUI Base default

Replace former non-base variables color with one from the standard
variables files in preparation for iit's usage in core and Vector.
Color is still confirming to WCAG level AA contrast ratio.

Bug: T254474
Change-Id: I06d981f05554b6429d11f19b8f5848ba5a7441a0
---
 resources/skins.vector.styles/MenuDropdown.less | 2 +-
 resources/skins.vector.styles/MenuPortal.less   | 8 ++++----
 variables.less                                  | 1 +
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/resources/skins.vector.styles/MenuDropdown.less b/resources/skins.vector.styles/MenuDropdown.less
index 7415f10..2ae43bd 100644
--- a/resources/skins.vector.styles/MenuDropdown.less
+++ b/resources/skins.vector.styles/MenuDropdown.less
@@ -10,7 +10,7 @@
 	line-height: 1.125em;
 
 	h3 {
-		color: @color-nav-subtle;
+		color: @color-base--subtle;
 		position: relative;
 		display: block;
 		.box-sizing( border-box );
diff --git a/resources/skins.vector.styles/MenuPortal.less b/resources/skins.vector.styles/MenuPortal.less
index ebe1de5..57e53a9 100644
--- a/resources/skins.vector.styles/MenuPortal.less
+++ b/resources/skins.vector.styles/MenuPortal.less
@@ -15,13 +15,13 @@
 		background-position: center bottom;
 		background-repeat: no-repeat;
 		background-size: 100% @border-width-base;
-		color: @color-nav-subtle;
-		font-weight: normal;
+		color: @color-base--subtle;
 		margin: 0.5em 0 0 ( @margin-start-nav-main-body / @font-size-nav-main-heading );
-		padding: 0.25em 0;
-		cursor: default;
 		border: 0;
+		padding: 0.25em 0;
 		font-size: @font-size-nav-main-heading;
+		font-weight: normal;
+		cursor: default;
 	}
 
 	.body {
diff --git a/variables.less b/variables.less
index 7212117..6565354 100644
--- a/variables.less
+++ b/variables.less
@@ -38,6 +38,7 @@
 @background-color-base: #fff;
 @color-base: #202122;
 @color-base--emphasized: #000;
+@color-base--subtle: #54595d;
 @color-link: #0645ad;
 @color-link--visited: #0b0080;
 @color-link-new: #a55858;