diff --git a/source/scss/main.scss b/source/scss/main.scss
index d3893dd..72e94e5 100644
--- a/source/scss/main.scss
+++ b/source/scss/main.scss
@@ -3,8 +3,43 @@
    See:  https://getbootstrap.com/docs/5.0/examples/sticky-footer/
 */
 
+// Add some ILRI colors
+
+$ilri-white: #EBEBEB;
+$ilri-gray: #333;
+
+body {
+  color: $ilri-gray;
+}
+
 .container {
   width: auto;
   max-width: 968px;
   padding: 0 15px;
 }
+
+.bg-dark {
+  color: $ilri-white !important;
+  background-color: $primary !important;
+}
+
+.form-text {
+  color: #666;
+}
+
+.text-white {
+  color: $ilri-white !important;
+}
+
+a, a:hover {
+  color: $primary;
+}
+
+.footer {
+  color: $ilri-gray;
+  background-color: $secondary;
+
+  a, a:hover {
+    color: inherit;
+  }
+}
diff --git a/source/scss/style.scss b/source/scss/style.scss
index 9c57d6b..0cd3ce7 100644
--- a/source/scss/style.scss
+++ b/source/scss/style.scss
@@ -1,3 +1,8 @@
+// override some Bootstrap colors. Apparently we need to do this *before* we
+// process Bootstrap.
+$primary: #702D3E;
+$secondary: #E3D7D7;
+
 // selectively import components we need from bootstrap
 // see: node_modules/bootstrap/scss/bootstrap.scss
 @import 'bootstrap';
diff --git a/templates/footer.html b/templates/footer.html
index 00a3d54..1fdbe3f 100644
--- a/templates/footer.html
+++ b/templates/footer.html
@@ -1,5 +1,5 @@
-    <footer class="footer mt-auto py-3 bg-light">
+    <footer class="footer mt-auto py-3">
       <div class="container">
-        <span class="text-muted"><a href="https://github.com/ilri/csv-metadata-quality">csv-metadata-quality</a> v{{ cli_version }}</span>
+        <span><a href="https://github.com/ilri/csv-metadata-quality">csv-metadata-quality</a> v{{ cli_version }}</span>
       </div>
     </footer>