From f09d2c5e95e82077cc7dfef43a5c56fc73d435c3 Mon Sep 17 00:00:00 2001
From: David Ichim <ichim.david@gmail.com>
Date: Sat, 20 Aug 2022 18:31:58 +0300
Subject: [PATCH] change(headers): added headerColor variable so that thematic
 sites can easily choose another heading color

- also introduced contentAreaColor since this color will probably only be set for the new eea website
---
 theme/themes/eea/globals/site.overrides | 7 +++++--
 theme/themes/eea/globals/site.variables | 2 ++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/theme/themes/eea/globals/site.overrides b/theme/themes/eea/globals/site.overrides
index d840121fcf..e77590ac21 100644
--- a/theme/themes/eea/globals/site.overrides
+++ b/theme/themes/eea/globals/site.overrides
@@ -9,9 +9,12 @@ h1, h2, h3, h4, h5, h6 {
   letter-spacing: @font-letterspacing-00;
 }
 
-h2, h3, h4, h5, h6,
+h2, h3, h4, h5, h6 {
+  color: @headerColor;
+}
+
 .content-area {
-  color: @tertiaryColor;
+  color: @contentAreaColor;
 }
 
 // text smaller than body has extra letterspacing as described in docusaurus
diff --git a/theme/themes/eea/globals/site.variables b/theme/themes/eea/globals/site.variables
index ca2c9ff8c3..4ee74accd5 100644
--- a/theme/themes/eea/globals/site.variables
+++ b/theme/themes/eea/globals/site.variables
@@ -73,6 +73,7 @@
 
 @headerLineHeight : 1.2;
 @headerFontWeight : @font-weight-7;
+@headerColor: @tertiaryColor;
 
 @h1 : unit((44 / @fontSize), rem);
 @h2 : unit((32 / @fontSize), rem);
@@ -181,6 +182,7 @@
 @lineHeight          : @font-lineheight-3;
 @mobileLineHeight    : @font-lineheight-3;
 @textColor           : rgba(0, 0, 0, 1);
+@contentAreaColor    : @headerColor;
 
 /*-------------------
       Paragraph