Orange!

web/app/templates/base.html

 
     <header>
       <!-- Fixed navbar -->
-      <nav class="navbar navbar-expand-md navbar-dark sticky-top bg-dark">
+      <nav class="navbar navbar-expand-md navbar-dark sticky-top" style="background-color: #ea7f27;">
         <div class="container-fluid">
           <a class="navbar-brand" href="{{ url_for('main.index')}}">COPIM online toolkit</a>
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
     </main>
 
     <!-- Sticky footer-->
-    <footer class="footer py-3 bg-light mt-auto">
+    <footer class="footer py-3 mt-auto" style="background-color: #fae5c5;">
         <div class="container">
             <span class="text-muted">© {{ moment().format('YYYY') }} <a href="https://copim.ac.uk/">COPIM</a> and licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License (CC BY 4.0)</a>.</span>
         </div>