From 9c182fa0e62db334f40aaebbe81bcd23250ded45 Mon Sep 17 00:00:00 2001
From: Lauri Eskola <lauri.eskola@acquia.com>
Date: Wed, 30 Jun 2021 10:35:52 +0300
Subject: [PATCH] Issue #3173010 by Gauravmahlawat, starshaped: Class clean up
 and add #0c0d0e and #171e23 as variables in Olivero's footer.pcss.css

(cherry picked from commit 45515dbad7880442122f37d5966f3d1d6bf9ca31)
---
 core/themes/olivero/css/base/variables.pcss.css    | 2 ++
 core/themes/olivero/css/components/footer.css      | 2 --
 core/themes/olivero/css/components/footer.pcss.css | 4 +---
 3 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/core/themes/olivero/css/base/variables.pcss.css b/core/themes/olivero/css/base/variables.pcss.css
index 91f331f01ee..73936db0da3 100644
--- a/core/themes/olivero/css/base/variables.pcss.css
+++ b/core/themes/olivero/css/base/variables.pcss.css
@@ -118,6 +118,8 @@
   --sp12: calc(12 * var(--sp));
   --color--black: #000; /* Black */
   --color--gray-0: #0d1214; /* Black 1 */
+  --color--gray-5: #0c0d0e;
+  --color--gray-8: #171e23;
   --color--gray-10: #313637; /* Black 2 */
   --color--gray-20: #6e7172; /* Black 3 */
   --color--gray-25: #5d7585; /* Gray Dark */
diff --git a/core/themes/olivero/css/components/footer.css b/core/themes/olivero/css/components/footer.css
index a59f06f8bda..e4e4119f0a4 100644
--- a/core/themes/olivero/css/components/footer.css
+++ b/core/themes/olivero/css/components/footer.css
@@ -13,8 +13,6 @@
 .site-footer {
   position: relative; /* stack above left social bar */
   color: #9ea0a1;
-
-  /* @todo - #0c0d0e and #171e23 aren't currently variables */
   background: linear-gradient(180deg, #0c0d0e 0%, #171e23 100%)
 }
 
diff --git a/core/themes/olivero/css/components/footer.pcss.css b/core/themes/olivero/css/components/footer.pcss.css
index f425b3f1eae..898a130b2f9 100644
--- a/core/themes/olivero/css/components/footer.pcss.css
+++ b/core/themes/olivero/css/components/footer.pcss.css
@@ -8,9 +8,7 @@
 .site-footer {
   position: relative; /* stack above left social bar */
   color: var(--color--gray-50);
-
-  /* @todo - #0c0d0e and #171e23 aren't currently variables */
-  background: linear-gradient(180deg, #0c0d0e 0%, #171e23 100%);
+  background: linear-gradient(180deg, var(--color--gray-5) 0%, var(--color--gray-8) 100%);
 
   & .menu {
     margin-inline-start: 0;