Set text colour to black to better align with VF 2

Closes #178

Thanks @nikiforosk

css/ebi-css-build/_ebi_theme_settings.scss

@@ -38,7 +38,7 @@ $body-background: $ebi-colour-white;
 
 // typography
 $body-antialiased: true;
-$body-font-color: $ebi-colour-dark;
+$body-font-color: $black;
 $body-font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif;
 $body-font-family-serif: "IBM Plex Mono", Monaco, Consolas, "Lucida Console", monospace;
 $code-font-family: "IBM Plex Mono", Monaco, Consolas, "Lucida Console", monospace;

css/ebi-extras.css

@@ -454,7 +454,7 @@ a.button:hover, a.button:focus {
   border: 1px solid #e6e6e6;
   border-bottom: 0;
   background-color: #fefefe;
-  color: #373a36; }
+  color: #0a0a0a; }
   :last-child > .accordion-content:last-child {
     border-bottom: 1px solid #e6e6e6; }
 
@@ -788,26 +788,26 @@ a.button:hover, a.button:focus {
   border: 1px solid rgba(10, 10, 10, 0.25);
   border-radius: 0;
   background-color: white;
-  color: #373a36; }
+  color: #0a0a0a; }
   .callout > :first-child {
     margin-top: 0; }
   .callout > :last-child {
     margin-bottom: 0; }
   .callout.primary {
     background-color: #c6fcff;
-    color: #373a36; }
+    color: #0a0a0a; }
   .callout.secondary {
     background-color: #ebebeb;
-    color: #373a36; }
+    color: #0a0a0a; }
   .callout.success {
     background-color: #e1faea;
-    color: #373a36; }
+    color: #0a0a0a; }
   .callout.warning {
     background-color: #fff3d9;
-    color: #373a36; }
+    color: #0a0a0a; }
   .callout.alert {
     background-color: #fce6e2;
-    color: #373a36; }
+    color: #0a0a0a; }
   .callout.small {
     padding-top: 0.5rem;
     padding-right: 0.5rem;
@@ -2069,10 +2069,10 @@ table {
     font-weight: 600; }
   thead {
     background: #f8f8f8;
-    color: #373a36; }
+    color: #0a0a0a; }
   tfoot {
     background: #f1f1f1;
-    color: #373a36; }
+    color: #0a0a0a; }
   thead tr,
   tfoot tr {
     background: transparent; }

css/ebi-global.css

@@ -189,7 +189,7 @@ body {
   font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif;
   font-weight: normal;
   line-height: 1.5;
-  color: #373a36;
+  color: #0a0a0a;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale; }
 
@@ -1777,7 +1777,7 @@ a.button:hover, a.button:focus {
   border: 1px solid #e6e6e6;
   border-bottom: 0;
   background-color: #fefefe;
-  color: #373a36; }
+  color: #0a0a0a; }
   :last-child > .accordion-content:last-child {
     border-bottom: 1px solid #e6e6e6; }
 
@@ -2139,26 +2139,26 @@ a.button:hover, a.button:focus {
   border: 1px solid rgba(10, 10, 10, 0.25);
   border-radius: 0;
   background-color: white;
-  color: #373a36; }
+  color: #0a0a0a; }
   .callout > :first-child {
     margin-top: 0; }
   .callout > :last-child {
     margin-bottom: 0; }
   .callout.primary {
     background-color: #c6fcff;
-    color: #373a36; }
+    color: #0a0a0a; }
   .callout.secondary {
     background-color: #ebebeb;
-    color: #373a36; }
+    color: #0a0a0a; }
   .callout.success {
     background-color: #e1faea;
-    color: #373a36; }
+    color: #0a0a0a; }
   .callout.warning {
     background-color: #fff3d9;
-    color: #373a36; }
+    color: #0a0a0a; }
   .callout.alert {
     background-color: #fce6e2;
-    color: #373a36; }
+    color: #0a0a0a; }
   .callout.small {
     padding-top: 0.5rem;
     padding-right: 0.5rem;
@@ -3604,10 +3604,10 @@ table {
     font-weight: 600; }
   thead {
     background: #f8f8f8;
-    color: #373a36; }
+    color: #0a0a0a; }
   tfoot {
     background: #f1f1f1;
-    color: #373a36; }
+    color: #0a0a0a; }
   thead tr,
   tfoot tr {
     background: transparent; }
@@ -4984,13 +4984,13 @@ body header nav .menu.dropdown > .has-submenu.is-down-arrow > a::after {
   margin-bottom: 9px; }
 
 h1, h2, h3, h4, h5, h6 {
-  color: #373a36; }
+  color: #0a0a0a; }
 
 a,
 a:hover,
 a:focus,
 a:active {
-  color: #373a36; }
+  color: #0a0a0a; }
 
 a:visited {
   color: #555; }

css/ebi-lite.css

@@ -183,7 +183,7 @@ body {
   font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif;
   font-weight: normal;
   line-height: 1.5;
-  color: #373a36;
+  color: #0a0a0a;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale; }
 
@@ -2640,13 +2640,13 @@ body header nav .menu.dropdown > .has-submenu.is-down-arrow > a::after {
   margin-bottom: 9px; }
 
 h1, h2, h3, h4, h5, h6 {
-  color: #373a36; }
+  color: #0a0a0a; }
 
 a,
 a:hover,
 a:focus,
 a:active {
-  color: #373a36; }
+  color: #0a0a0a; }
 
 a:visited {
   color: #555; }