diff --git a/css/ebi-css-build/_ebi_color_styles.scss b/css/ebi-css-build/_ebi_color_styles.scss
index 9a7eddbe0587ac2d8ea6984c7f49d464a7e6e244..083bc1dade8d0cb999d5f621c1ced1e139d1ff86 100644
--- a/css/ebi-css-build/_ebi_color_styles.scss
+++ b/css/ebi-css-build/_ebi_color_styles.scss
@@ -40,6 +40,9 @@
   .white-background {
     @at-root a#{&}, &, &.button, &.button:hover, &.tag { background: $ebi-colour-white; }
   }
+  .black-background {
+    @at-root a#{&}, &, &.button, &.button:hover, &.tag { background: $black; }
+  }
   .secondary-background {
     @at-root a#{&}, &, &.button, &.button:hover, &.tag { background: $ebi-colour-dark-grey; }
   }
@@ -83,6 +86,11 @@
       color: $ebi-colour-white;
     }
   }
+  .black-color {
+    @at-root .label#{&}, .button#{&}, a#{&}, a:hover#{&}, &, & cite, & a, & a:hover, & a:visited, & h3, & h4 {
+      color: $black;
+    }
+  }
   .secondary-color {
     @at-root .label#{&}, .button#{&}, a#{&}, a:hover#{&}, &, & cite, & a, & a:hover, & a:visited, & h3, & h4 {
       color: $ebi-colour-dark-grey;