Use an ILRI theme

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;
+  }
+}

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';

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>