change(headers): added headerColor variable so that thematic sites ca…

…n easily choose another heading color - also introduced contentAreaColor since this color will probably only be set for the new eea website
eea · Aug 20, 2022 · f09d2c5 · f09d2c5
1 parent 7d81308
commit f09d2c5
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git 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
@@ -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