change(colors): added backgroundColor color variable

- use css variant of background color within the table hover color so that we can remove it on content boxes - set bg color also for tertiary color within content box with a theme
eea · Oct 4, 2022 · b7e6831 · b7e6831
1 parent 6590baf
commit b7e6831
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/theme/themes/eea/collections/table.variables b/theme/themes/eea/collections/table.variables
@@ -1,7 +1,7 @@
 /*******************************
              Table
 *******************************/
-@tableHoverBackgroundColor: #F9F9F9;
+@tableHoverBackgroundColor: @backgroundColorCSSVar;
 
 /*-------------------
        Element

diff --git a/theme/themes/eea/extras/contentBox.less b/theme/themes/eea/extras/contentBox.less
@@ -51,6 +51,7 @@
   --text-color: #FFF;
   --text-color-primary: @grey-1;
   --text-color-secondary: @grey-1;
+  --text-color-tertiary: @grey-1;
   --text-color-hover: @grey-1;
 }
 // inherit link

diff --git a/theme/themes/eea/globals/site.variables b/theme/themes/eea/globals/site.variables
@@ -191,6 +191,8 @@
 @borderColorSecondaryCSSVar: var(--border-color-secondary, @secondaryColor);
 @borderColorTertiaryCSSVar: var(--border-color-tertiary, @tertiaryColor);
 @contentAreaColor    : @tertiaryColor;
+@backgroundColor: @grey-1;
+@backgroundColorCSSVar: var(--bg-color, @backgroundColor);
 
 /*-------------------
       Paragraph