diff --git a/templates/assets/css/theme.css b/templates/assets/css/theme.css
index b9fe84e..353dff3 100644
--- a/templates/assets/css/theme.css
+++ b/templates/assets/css/theme.css
@@ -28,3 +28,9 @@
   filter: opacity(20%);
 }
 
+.floating-switch {
+  position: sticky;
+  right: 2em;
+  bottom: 2em;
+}
+
diff --git a/templates/blog.html b/templates/blog.html
index 034ec70..f658676 100644
--- a/templates/blog.html
+++ b/templates/blog.html
@@ -129,11 +129,6 @@
                     <li class="nav-item"><a class="nav-link" href="https://domains.hns.au" style="color: var(--bs-primary);">Domains</a></li>
                     <li class="nav-item"><a class="nav-link" href="/#contact" style="color: var(--bs-primary);">Contact</a></li>
                 </ul>
-                <div><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
-                            <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
-                        </svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
-                            <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
-                        </svg></button></div>
             </div>
         </div>
     </nav>
@@ -189,27 +184,27 @@
             </div>
         </section>
     </main>
-    <footer class="page-footer dark">
+    <footer class="page-footer dark" style="background: var(--bs-body-bg);color: var(--bs-body-color);">
         <div class="container">
             <div class="row">
                 <div class="col-sm-3">
-                    <h5>Get started</h5>
+                    <h5 style="color: var(--bs-body-color);">Get started</h5>
                     <ul>
-                        <li><a href="/">Home</a></li>
-                        <li><a href="/links">Links</a></li>
+                        <li><a href="/" style="color: var(--bs-body-color);">Home</a></li>
+                        <li><a href="/links" style="color: var(--bs-body-color);">Links</a></li>
                     </ul>
                 </div>
                 <div class="col-sm-3">
-                    <h5>Contact</h5>
+                    <h5 style="color: var(--bs-body-color);">Contact</h5>
                     <ul>
-                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank">Discord</a></li>
-                        <li><a href="/email" target="_blank">Email</a></li>
+                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank" style="color: var(--bs-body-color);">Discord</a></li>
+                        <li><a href="/email" target="_blank" style="color: var(--bs-body-color);">Email</a></li>
                     </ul>
                 </div>
             </div>
         </div>
-        <div class="footer-copyright">
-            <p>© {{year}} Handshake AU</p>
+        <div class="footer-copyright" style="background: var(--bs-body-bg);border-style: none;">
+            <p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
         </div>
     </footer>
     <script src="/assets/bootstrap/js/bootstrap.min.js"></script>
diff --git a/templates/blog/happening.html b/templates/blog/happening.html
index ea01942..8647b71 100644
--- a/templates/blog/happening.html
+++ b/templates/blog/happening.html
@@ -129,11 +129,6 @@
                     <li class="nav-item"><a class="nav-link" href="https://domains.hns.au" style="color: var(--bs-primary);">Domains</a></li>
                     <li class="nav-item"><a class="nav-link" href="/#contact" style="color: var(--bs-primary);">Contact</a></li>
                 </ul>
-                <div><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
-                            <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
-                        </svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
-                            <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
-                        </svg></button></div>
             </div>
         </div>
     </nav>
@@ -158,27 +153,27 @@
             </div>
         </section>
     </main>
-    <footer class="page-footer dark">
+    <footer class="page-footer dark" style="background: var(--bs-body-bg);color: var(--bs-body-color);">
         <div class="container">
             <div class="row">
                 <div class="col-sm-3">
-                    <h5>Get started</h5>
+                    <h5 style="color: var(--bs-body-color);">Get started</h5>
                     <ul>
-                        <li><a href="/">Home</a></li>
-                        <li><a href="/links">Links</a></li>
+                        <li><a href="/" style="color: var(--bs-body-color);">Home</a></li>
+                        <li><a href="/links" style="color: var(--bs-body-color);">Links</a></li>
                     </ul>
                 </div>
                 <div class="col-sm-3">
-                    <h5>Contact</h5>
+                    <h5 style="color: var(--bs-body-color);">Contact</h5>
                     <ul>
-                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank">Discord</a></li>
-                        <li><a href="/email" target="_blank">Email</a></li>
+                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank" style="color: var(--bs-body-color);">Discord</a></li>
+                        <li><a href="/email" target="_blank" style="color: var(--bs-body-color);">Email</a></li>
                     </ul>
                 </div>
             </div>
         </div>
-        <div class="footer-copyright">
-            <p>© {{year}} Handshake AU</p>
+        <div class="footer-copyright" style="background: var(--bs-body-bg);border-style: none;">
+            <p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
         </div>
     </footer>
     <script src="/assets/bootstrap/js/bootstrap.min.js"></script>
diff --git a/templates/blog/links.html b/templates/blog/links.html
index 4e0c134..90716af 100644
--- a/templates/blog/links.html
+++ b/templates/blog/links.html
@@ -129,11 +129,6 @@
                     <li class="nav-item"><a class="nav-link" href="https://domains.hns.au" style="color: var(--bs-primary);">Domains</a></li>
                     <li class="nav-item"><a class="nav-link" href="/#contact" style="color: var(--bs-primary);">Contact</a></li>
                 </ul>
-                <div><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
-                            <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
-                        </svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
-                            <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
-                        </svg></button></div>
             </div>
         </div>
     </nav>
@@ -163,27 +158,27 @@
             </div>
         </section>
     </main>
-    <footer class="page-footer dark">
+    <footer class="page-footer dark" style="background: var(--bs-body-bg);color: var(--bs-body-color);">
         <div class="container">
             <div class="row">
                 <div class="col-sm-3">
-                    <h5>Get started</h5>
+                    <h5 style="color: var(--bs-body-color);">Get started</h5>
                     <ul>
-                        <li><a href="/">Home</a></li>
-                        <li><a href="/links">Links</a></li>
+                        <li><a href="/" style="color: var(--bs-body-color);">Home</a></li>
+                        <li><a href="/links" style="color: var(--bs-body-color);">Links</a></li>
                     </ul>
                 </div>
                 <div class="col-sm-3">
-                    <h5>Contact</h5>
+                    <h5 style="color: var(--bs-body-color);">Contact</h5>
                     <ul>
-                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank">Discord</a></li>
-                        <li><a href="/email" target="_blank">Email</a></li>
+                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank" style="color: var(--bs-body-color);">Discord</a></li>
+                        <li><a href="/email" target="_blank" style="color: var(--bs-body-color);">Email</a></li>
                     </ul>
                 </div>
             </div>
         </div>
-        <div class="footer-copyright">
-            <p>© {{year}} Handshake AU</p>
+        <div class="footer-copyright" style="background: var(--bs-body-bg);border-style: none;">
+            <p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
         </div>
     </footer>
     <script src="/assets/bootstrap/js/bootstrap.min.js"></script>
diff --git a/templates/blog/new_domains.html b/templates/blog/new_domains.html
index 5a6a1df..d34f17f 100644
--- a/templates/blog/new_domains.html
+++ b/templates/blog/new_domains.html
@@ -132,11 +132,6 @@ Register even more Australian SLDs on HNSAU.">
                     <li class="nav-item"><a class="nav-link" href="https://domains.hns.au" style="color: var(--bs-primary);">Domains</a></li>
                     <li class="nav-item"><a class="nav-link" href="/#contact" style="color: var(--bs-primary);">Contact</a></li>
                 </ul>
-                <div><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
-                            <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
-                        </svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
-                            <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
-                        </svg></button></div>
             </div>
         </div>
     </nav>
@@ -168,27 +163,27 @@ Register even more Australian SLDs on HNSAU.">
             </div>
         </section>
     </main>
-    <footer class="page-footer dark">
+    <footer class="page-footer dark" style="background: var(--bs-body-bg);color: var(--bs-body-color);">
         <div class="container">
             <div class="row">
                 <div class="col-sm-3">
-                    <h5>Get started</h5>
+                    <h5 style="color: var(--bs-body-color);">Get started</h5>
                     <ul>
-                        <li><a href="/">Home</a></li>
-                        <li><a href="/links">Links</a></li>
+                        <li><a href="/" style="color: var(--bs-body-color);">Home</a></li>
+                        <li><a href="/links" style="color: var(--bs-body-color);">Links</a></li>
                     </ul>
                 </div>
                 <div class="col-sm-3">
-                    <h5>Contact</h5>
+                    <h5 style="color: var(--bs-body-color);">Contact</h5>
                     <ul>
-                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank">Discord</a></li>
-                        <li><a href="/email" target="_blank">Email</a></li>
+                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank" style="color: var(--bs-body-color);">Discord</a></li>
+                        <li><a href="/email" target="_blank" style="color: var(--bs-body-color);">Email</a></li>
                     </ul>
                 </div>
             </div>
         </div>
-        <div class="footer-copyright">
-            <p>© {{year}} Handshake AU</p>
+        <div class="footer-copyright" style="background: var(--bs-body-bg);border-style: none;">
+            <p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
         </div>
     </footer>
     <script src="/assets/bootstrap/js/bootstrap.min.js"></script>
diff --git a/templates/blog/pins.html b/templates/blog/pins.html
index 0269466..be3c366 100644
--- a/templates/blog/pins.html
+++ b/templates/blog/pins.html
@@ -131,11 +131,6 @@
                     <li class="nav-item"><a class="nav-link" href="https://domains.hns.au" style="color: var(--bs-primary);">Domains</a></li>
                     <li class="nav-item"><a class="nav-link" href="/#contact" style="color: var(--bs-primary);">Contact</a></li>
                 </ul>
-                <div><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
-                            <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
-                        </svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
-                            <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
-                        </svg></button></div>
             </div>
         </div>
     </nav>
@@ -164,27 +159,27 @@
             </div>
         </section>
     </main>
-    <footer class="page-footer dark">
+    <footer class="page-footer dark" style="background: var(--bs-body-bg);color: var(--bs-body-color);">
         <div class="container">
             <div class="row">
                 <div class="col-sm-3">
-                    <h5>Get started</h5>
+                    <h5 style="color: var(--bs-body-color);">Get started</h5>
                     <ul>
-                        <li><a href="/">Home</a></li>
-                        <li><a href="/links">Links</a></li>
+                        <li><a href="/" style="color: var(--bs-body-color);">Home</a></li>
+                        <li><a href="/links" style="color: var(--bs-body-color);">Links</a></li>
                     </ul>
                 </div>
                 <div class="col-sm-3">
-                    <h5>Contact</h5>
+                    <h5 style="color: var(--bs-body-color);">Contact</h5>
                     <ul>
-                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank">Discord</a></li>
-                        <li><a href="/email" target="_blank">Email</a></li>
+                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank" style="color: var(--bs-body-color);">Discord</a></li>
+                        <li><a href="/email" target="_blank" style="color: var(--bs-body-color);">Email</a></li>
                     </ul>
                 </div>
             </div>
         </div>
-        <div class="footer-copyright">
-            <p>© {{year}} Handshake AU</p>
+        <div class="footer-copyright" style="background: var(--bs-body-bg);border-style: none;">
+            <p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
         </div>
     </footer>
     <script src="/assets/bootstrap/js/bootstrap.min.js"></script>
diff --git a/templates/cart.html b/templates/cart.html
index 50aa5cd..504e4d0 100644
--- a/templates/cart.html
+++ b/templates/cart.html
@@ -129,11 +129,6 @@
                     <li class="nav-item"><a class="nav-link" href="https://domains.hns.au" style="color: var(--bs-primary);">Domains</a></li>
                     <li class="nav-item"><a class="nav-link" href="/#contact" style="color: var(--bs-primary);">Contact</a></li>
                 </ul>
-                <div><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
-                            <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
-                        </svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
-                            <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
-                        </svg></button></div>
             </div>
         </div>
     </nav>
@@ -162,27 +157,27 @@
             </div>
         </section>
     </main>
-    <footer class="page-footer dark">
+    <footer class="page-footer dark" style="background: var(--bs-body-bg);color: var(--bs-body-color);">
         <div class="container">
             <div class="row">
                 <div class="col-sm-3">
-                    <h5>Get started</h5>
+                    <h5 style="color: var(--bs-body-color);">Get started</h5>
                     <ul>
-                        <li><a href="/">Home</a></li>
-                        <li><a href="/links">Links</a></li>
+                        <li><a href="/" style="color: var(--bs-body-color);">Home</a></li>
+                        <li><a href="/links" style="color: var(--bs-body-color);">Links</a></li>
                     </ul>
                 </div>
                 <div class="col-sm-3">
-                    <h5>Contact</h5>
+                    <h5 style="color: var(--bs-body-color);">Contact</h5>
                     <ul>
-                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank">Discord</a></li>
-                        <li><a href="/email" target="_blank">Email</a></li>
+                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank" style="color: var(--bs-body-color);">Discord</a></li>
+                        <li><a href="/email" target="_blank" style="color: var(--bs-body-color);">Email</a></li>
                     </ul>
                 </div>
             </div>
         </div>
-        <div class="footer-copyright">
-            <p>© {{year}} Handshake AU</p>
+        <div class="footer-copyright" style="background: var(--bs-body-bg);border-style: none;">
+            <p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
         </div>
     </footer>
     <script src="/assets/bootstrap/js/bootstrap.min.js"></script>
diff --git a/templates/faq.html b/templates/faq.html
index 2108816..b2b93a1 100644
--- a/templates/faq.html
+++ b/templates/faq.html
@@ -129,11 +129,6 @@
                     <li class="nav-item"><a class="nav-link" href="https://domains.hns.au" style="color: var(--bs-primary);">Domains</a></li>
                     <li class="nav-item"><a class="nav-link" href="/#contact" style="color: var(--bs-primary);">Contact</a></li>
                 </ul>
-                <div><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
-                            <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
-                        </svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
-                            <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
-                        </svg></button></div>
             </div>
         </div>
     </nav>
@@ -161,27 +156,27 @@
             </div>
         </section>
     </main>
-    <footer class="page-footer dark">
+    <footer class="page-footer dark" style="background: var(--bs-body-bg);color: var(--bs-body-color);">
         <div class="container">
             <div class="row">
                 <div class="col-sm-3">
-                    <h5>Get started</h5>
+                    <h5 style="color: var(--bs-body-color);">Get started</h5>
                     <ul>
-                        <li><a href="/">Home</a></li>
-                        <li><a href="/links">Links</a></li>
+                        <li><a href="/" style="color: var(--bs-body-color);">Home</a></li>
+                        <li><a href="/links" style="color: var(--bs-body-color);">Links</a></li>
                     </ul>
                 </div>
                 <div class="col-sm-3">
-                    <h5>Contact</h5>
+                    <h5 style="color: var(--bs-body-color);">Contact</h5>
                     <ul>
-                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank">Discord</a></li>
-                        <li><a href="/email" target="_blank">Email</a></li>
+                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank" style="color: var(--bs-body-color);">Discord</a></li>
+                        <li><a href="/email" target="_blank" style="color: var(--bs-body-color);">Email</a></li>
                     </ul>
                 </div>
             </div>
         </div>
-        <div class="footer-copyright">
-            <p>© {{year}} Handshake AU</p>
+        <div class="footer-copyright" style="background: var(--bs-body-bg);border-style: none;">
+            <p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
         </div>
     </footer>
     <script src="/assets/bootstrap/js/bootstrap.min.js"></script>
diff --git a/templates/index.html b/templates/index.html
index 8ae2fc7..a5ecde2 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -140,11 +140,6 @@
                     <li class="nav-item"><a class="nav-link" href="https://domains.hns.au" style="color: var(--bs-primary);">Domains</a></li>
                     <li class="nav-item"><a class="nav-link active" href="/#contact" style="color: var(--bs-primary);">Contact</a></li>
                 </ul>
-                <div><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
-                            <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
-                        </svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
-                            <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
-                        </svg></button></div>
             </div>
         </div>
     </nav>
@@ -152,7 +147,7 @@
         <div class="light-only" style="margin-bottom: 3em;">
             <div style="max-width: 800px;margin: auto;"><img src="/assets/img/HandshakeAustraliaT.webp" width="50%" style="max-width: 400px;margin-left: 20px;"></div>
             <section class="text-start clean-block clean-hero">
-                <div class="text" style="max-width: 700px;">
+                <div class="text" style="max-width: 700px;width: 95%;">
                     <p style="color: black;font-size: 20px;">Welcome to the premier destination for Australians embracing the decentralized web, powered by Handshake. Handshake offers a revolutionary alternative to centralized DNS root authorities, delivering a transparent and equitable root zone. Operated without ownership or control by any single entity, Handshake ensures a truly decentralized internet experience.</p>
                 </div>
             </section>
@@ -160,7 +155,7 @@
         <div class="dark-only" style="margin-bottom: 3em;">
             <div style="max-width: 800px;margin: auto;"><img src="/assets/img/HandshakeAustraliaTW.webp" width="50%" style="max-width: 400px;margin-left: 20px;"></div>
             <section class="text-start clean-block clean-hero" style="background: url(&quot;/assets/img/backgrounds/blocksaugw.svg&quot;) center / contain no-repeat;color: rgba(0,0,0,0);">
-                <div class="text" style="max-width: 700px;">
+                <div class="text" style="max-width: 700px;width: 95%;">
                     <p style="font-size: 20px;">Welcome to the premier destination for Australians embracing the decentralized web, powered by Handshake. Handshake offers a revolutionary alternative to centralized DNS root authorities, delivering a transparent and equitable root zone. Operated without ownership or control by any single entity, Handshake ensures a truly decentralized internet experience.</p>
                 </div>
             </section>
@@ -229,29 +224,34 @@
             </section>
         </section>
     </main>
-    <footer class="page-footer dark">
+    <footer class="page-footer dark" style="background: var(--bs-body-bg);color: var(--bs-body-color);">
         <div class="container">
             <div class="row">
                 <div class="col-sm-3">
-                    <h5>Get started</h5>
+                    <h5 style="color: var(--bs-body-color);">Get started</h5>
                     <ul>
-                        <li><a href="/">Home</a></li>
-                        <li><a href="/links">Links</a></li>
+                        <li><a href="/" style="color: var(--bs-body-color);">Home</a></li>
+                        <li><a href="/links" style="color: var(--bs-body-color);">Links</a></li>
                     </ul>
                 </div>
                 <div class="col-sm-3">
-                    <h5>Contact</h5>
+                    <h5 style="color: var(--bs-body-color);">Contact</h5>
                     <ul>
-                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank">Discord</a></li>
-                        <li><a href="/email" target="_blank">Email</a></li>
+                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank" style="color: var(--bs-body-color);">Discord</a></li>
+                        <li><a href="/email" target="_blank" style="color: var(--bs-body-color);">Email</a></li>
                     </ul>
                 </div>
             </div>
         </div>
-        <div class="footer-copyright">
-            <p>© {{year}} Handshake AU</p>
+        <div class="footer-copyright" style="background: var(--bs-body-bg);border-style: none;">
+            <p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
         </div>
     </footer>
+    <div class="text-end floating-switch" style="margin: 10px;"><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
+                <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
+            </svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
+                <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
+            </svg></button></div>
     <script src="/assets/bootstrap/js/bootstrap.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.js"></script>
     <script src="/assets/js/vanilla-zoom.js"></script>
diff --git a/templates/links.html b/templates/links.html
index 037a860..e6702c3 100644
--- a/templates/links.html
+++ b/templates/links.html
@@ -129,11 +129,6 @@
                     <li class="nav-item"><a class="nav-link" href="https://domains.hns.au" style="color: var(--bs-primary);">Domains</a></li>
                     <li class="nav-item"><a class="nav-link" href="/#contact" style="color: var(--bs-primary);">Contact</a></li>
                 </ul>
-                <div><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
-                            <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
-                        </svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
-                            <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
-                        </svg></button></div>
             </div>
         </div>
     </nav>
@@ -292,27 +287,27 @@
             </div>
         </section>
     </main>
-    <footer class="page-footer dark">
+    <footer class="page-footer dark" style="background: var(--bs-body-bg);color: var(--bs-body-color);">
         <div class="container">
             <div class="row">
                 <div class="col-sm-3">
-                    <h5>Get started</h5>
+                    <h5 style="color: var(--bs-body-color);">Get started</h5>
                     <ul>
-                        <li><a href="/">Home</a></li>
-                        <li><a href="/links">Links</a></li>
+                        <li><a href="/" style="color: var(--bs-body-color);">Home</a></li>
+                        <li><a href="/links" style="color: var(--bs-body-color);">Links</a></li>
                     </ul>
                 </div>
                 <div class="col-sm-3">
-                    <h5>Contact</h5>
+                    <h5 style="color: var(--bs-body-color);">Contact</h5>
                     <ul>
-                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank">Discord</a></li>
-                        <li><a href="/email" target="_blank">Email</a></li>
+                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank" style="color: var(--bs-body-color);">Discord</a></li>
+                        <li><a href="/email" target="_blank" style="color: var(--bs-body-color);">Email</a></li>
                     </ul>
                 </div>
             </div>
         </div>
-        <div class="footer-copyright">
-            <p>© {{year}} Handshake AU</p>
+        <div class="footer-copyright" style="background: var(--bs-body-bg);border-style: none;">
+            <p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
         </div>
     </footer>
     <script src="/assets/bootstrap/js/bootstrap.min.js"></script>
diff --git a/templates/login.html b/templates/login.html
index 1e5bab8..38f9c3e 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -129,11 +129,6 @@
                     <li class="nav-item"><a class="nav-link" href="https://domains.hns.au" style="color: var(--bs-primary);">Domains</a></li>
                     <li class="nav-item"><a class="nav-link" href="/#contact" style="color: var(--bs-primary);">Contact</a></li>
                 </ul>
-                <div><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
-                            <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
-                        </svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
-                            <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
-                        </svg></button></div>
             </div>
         </div>
     </nav>
@@ -150,27 +145,27 @@
             </div>
         </section>
     </main>
-    <footer class="page-footer dark">
+    <footer class="page-footer dark" style="background: var(--bs-body-bg);color: var(--bs-body-color);">
         <div class="container">
             <div class="row">
                 <div class="col-sm-3">
-                    <h5>Get started</h5>
+                    <h5 style="color: var(--bs-body-color);">Get started</h5>
                     <ul>
-                        <li><a href="/">Home</a></li>
-                        <li><a href="/links">Links</a></li>
+                        <li><a href="/" style="color: var(--bs-body-color);">Home</a></li>
+                        <li><a href="/links" style="color: var(--bs-body-color);">Links</a></li>
                     </ul>
                 </div>
                 <div class="col-sm-3">
-                    <h5>Contact</h5>
+                    <h5 style="color: var(--bs-body-color);">Contact</h5>
                     <ul>
-                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank">Discord</a></li>
-                        <li><a href="/email" target="_blank">Email</a></li>
+                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank" style="color: var(--bs-body-color);">Discord</a></li>
+                        <li><a href="/email" target="_blank" style="color: var(--bs-body-color);">Email</a></li>
                     </ul>
                 </div>
             </div>
         </div>
-        <div class="footer-copyright">
-            <p>© {{year}} Handshake AU</p>
+        <div class="footer-copyright" style="background: var(--bs-body-bg);border-style: none;">
+            <p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
         </div>
     </footer>
     <script src="/assets/bootstrap/js/bootstrap.min.js"></script>
diff --git a/templates/payment.html b/templates/payment.html
index a63a36e..366d717 100644
--- a/templates/payment.html
+++ b/templates/payment.html
@@ -129,11 +129,6 @@
                     <li class="nav-item"><a class="nav-link" href="https://domains.hns.au" style="color: var(--bs-primary);">Domains</a></li>
                     <li class="nav-item"><a class="nav-link" href="/#contact" style="color: var(--bs-primary);">Contact</a></li>
                 </ul>
-                <div><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
-                            <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
-                        </svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
-                            <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
-                        </svg></button></div>
             </div>
         </div>
     </nav>
@@ -177,27 +172,27 @@
             </div>
         </section>
     </main>
-    <footer class="page-footer dark">
+    <footer class="page-footer dark" style="background: var(--bs-body-bg);color: var(--bs-body-color);">
         <div class="container">
             <div class="row">
                 <div class="col-sm-3">
-                    <h5>Get started</h5>
+                    <h5 style="color: var(--bs-body-color);">Get started</h5>
                     <ul>
-                        <li><a href="/">Home</a></li>
-                        <li><a href="/links">Links</a></li>
+                        <li><a href="/" style="color: var(--bs-body-color);">Home</a></li>
+                        <li><a href="/links" style="color: var(--bs-body-color);">Links</a></li>
                     </ul>
                 </div>
                 <div class="col-sm-3">
-                    <h5>Contact</h5>
+                    <h5 style="color: var(--bs-body-color);">Contact</h5>
                     <ul>
-                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank">Discord</a></li>
-                        <li><a href="/email" target="_blank">Email</a></li>
+                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank" style="color: var(--bs-body-color);">Discord</a></li>
+                        <li><a href="/email" target="_blank" style="color: var(--bs-body-color);">Email</a></li>
                     </ul>
                 </div>
             </div>
         </div>
-        <div class="footer-copyright">
-            <p>© {{year}} Handshake AU</p>
+        <div class="footer-copyright" style="background: var(--bs-body-bg);border-style: none;">
+            <p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
         </div>
     </footer>
     <script src="/assets/bootstrap/js/bootstrap.min.js"></script>
diff --git a/templates/payment_info.html b/templates/payment_info.html
index 90d290d..cdbe911 100644
--- a/templates/payment_info.html
+++ b/templates/payment_info.html
@@ -129,11 +129,6 @@
                     <li class="nav-item"><a class="nav-link" href="https://domains.hns.au" style="color: var(--bs-primary);">Domains</a></li>
                     <li class="nav-item"><a class="nav-link" href="/#contact" style="color: var(--bs-primary);">Contact</a></li>
                 </ul>
-                <div><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
-                            <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
-                        </svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
-                            <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
-                        </svg></button></div>
             </div>
         </div>
     </nav>
@@ -161,27 +156,27 @@
             </div>
         </section>
     </main>
-    <footer class="page-footer dark">
+    <footer class="page-footer dark" style="background: var(--bs-body-bg);color: var(--bs-body-color);">
         <div class="container">
             <div class="row">
                 <div class="col-sm-3">
-                    <h5>Get started</h5>
+                    <h5 style="color: var(--bs-body-color);">Get started</h5>
                     <ul>
-                        <li><a href="/">Home</a></li>
-                        <li><a href="/links">Links</a></li>
+                        <li><a href="/" style="color: var(--bs-body-color);">Home</a></li>
+                        <li><a href="/links" style="color: var(--bs-body-color);">Links</a></li>
                     </ul>
                 </div>
                 <div class="col-sm-3">
-                    <h5>Contact</h5>
+                    <h5 style="color: var(--bs-body-color);">Contact</h5>
                     <ul>
-                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank">Discord</a></li>
-                        <li><a href="/email" target="_blank">Email</a></li>
+                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank" style="color: var(--bs-body-color);">Discord</a></li>
+                        <li><a href="/email" target="_blank" style="color: var(--bs-body-color);">Email</a></li>
                     </ul>
                 </div>
             </div>
         </div>
-        <div class="footer-copyright">
-            <p>© {{year}} Handshake AU</p>
+        <div class="footer-copyright" style="background: var(--bs-body-bg);border-style: none;">
+            <p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
         </div>
     </footer>
     <script src="/assets/bootstrap/js/bootstrap.min.js"></script>
diff --git a/templates/pins.html b/templates/pins.html
index bebd348..8708fc7 100644
--- a/templates/pins.html
+++ b/templates/pins.html
@@ -129,11 +129,6 @@
                     <li class="nav-item"><a class="nav-link" href="https://domains.hns.au" style="color: var(--bs-primary);">Domains</a></li>
                     <li class="nav-item"><a class="nav-link" href="/#contact" style="color: var(--bs-primary);">Contact</a></li>
                 </ul>
-                <div><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
-                            <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
-                        </svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
-                            <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
-                        </svg></button></div>
             </div>
         </div>
     </nav>
@@ -175,27 +170,27 @@
             </div>
         </section>
     </main>
-    <footer class="page-footer dark">
+    <footer class="page-footer dark" style="background: var(--bs-body-bg);color: var(--bs-body-color);">
         <div class="container">
             <div class="row">
                 <div class="col-sm-3">
-                    <h5>Get started</h5>
+                    <h5 style="color: var(--bs-body-color);">Get started</h5>
                     <ul>
-                        <li><a href="/">Home</a></li>
-                        <li><a href="/links">Links</a></li>
+                        <li><a href="/" style="color: var(--bs-body-color);">Home</a></li>
+                        <li><a href="/links" style="color: var(--bs-body-color);">Links</a></li>
                     </ul>
                 </div>
                 <div class="col-sm-3">
-                    <h5>Contact</h5>
+                    <h5 style="color: var(--bs-body-color);">Contact</h5>
                     <ul>
-                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank">Discord</a></li>
-                        <li><a href="/email" target="_blank">Email</a></li>
+                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank" style="color: var(--bs-body-color);">Discord</a></li>
+                        <li><a href="/email" target="_blank" style="color: var(--bs-body-color);">Email</a></li>
                     </ul>
                 </div>
             </div>
         </div>
-        <div class="footer-copyright">
-            <p>© {{year}} Handshake AU</p>
+        <div class="footer-copyright" style="background: var(--bs-body-bg);border-style: none;">
+            <p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
         </div>
     </footer>
     <script src="/assets/bootstrap/js/bootstrap.min.js"></script>
diff --git a/templates/pins/pack1.html b/templates/pins/pack1.html
index 4fbb58c..cc33b60 100644
--- a/templates/pins/pack1.html
+++ b/templates/pins/pack1.html
@@ -130,11 +130,6 @@
                     <li class="nav-item"><a class="nav-link" href="https://domains.hns.au" style="color: var(--bs-primary);">Domains</a></li>
                     <li class="nav-item"><a class="nav-link" href="/#contact" style="color: var(--bs-primary);">Contact</a></li>
                 </ul>
-                <div><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
-                            <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
-                        </svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
-                            <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
-                        </svg></button></div>
             </div>
         </div>
     </nav>
@@ -232,27 +227,27 @@
             </div>
         </section>
     </main>
-    <footer class="page-footer dark">
+    <footer class="page-footer dark" style="background: var(--bs-body-bg);color: var(--bs-body-color);">
         <div class="container">
             <div class="row">
                 <div class="col-sm-3">
-                    <h5>Get started</h5>
+                    <h5 style="color: var(--bs-body-color);">Get started</h5>
                     <ul>
-                        <li><a href="/">Home</a></li>
-                        <li><a href="/links">Links</a></li>
+                        <li><a href="/" style="color: var(--bs-body-color);">Home</a></li>
+                        <li><a href="/links" style="color: var(--bs-body-color);">Links</a></li>
                     </ul>
                 </div>
                 <div class="col-sm-3">
-                    <h5>Contact</h5>
+                    <h5 style="color: var(--bs-body-color);">Contact</h5>
                     <ul>
-                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank">Discord</a></li>
-                        <li><a href="/email" target="_blank">Email</a></li>
+                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank" style="color: var(--bs-body-color);">Discord</a></li>
+                        <li><a href="/email" target="_blank" style="color: var(--bs-body-color);">Email</a></li>
                     </ul>
                 </div>
             </div>
         </div>
-        <div class="footer-copyright">
-            <p>© {{year}} Handshake AU</p>
+        <div class="footer-copyright" style="background: var(--bs-body-bg);border-style: none;">
+            <p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
         </div>
     </footer>
     <script src="/assets/bootstrap/js/bootstrap.min.js"></script>
diff --git a/templates/pins/pack2.html b/templates/pins/pack2.html
index 360261e..8304554 100644
--- a/templates/pins/pack2.html
+++ b/templates/pins/pack2.html
@@ -130,11 +130,6 @@
                     <li class="nav-item"><a class="nav-link" href="https://domains.hns.au" style="color: var(--bs-primary);">Domains</a></li>
                     <li class="nav-item"><a class="nav-link" href="/#contact" style="color: var(--bs-primary);">Contact</a></li>
                 </ul>
-                <div><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
-                            <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
-                        </svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
-                            <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
-                        </svg></button></div>
             </div>
         </div>
     </nav>
@@ -232,27 +227,27 @@
             </div>
         </section>
     </main>
-    <footer class="page-footer dark">
+    <footer class="page-footer dark" style="background: var(--bs-body-bg);color: var(--bs-body-color);">
         <div class="container">
             <div class="row">
                 <div class="col-sm-3">
-                    <h5>Get started</h5>
+                    <h5 style="color: var(--bs-body-color);">Get started</h5>
                     <ul>
-                        <li><a href="/">Home</a></li>
-                        <li><a href="/links">Links</a></li>
+                        <li><a href="/" style="color: var(--bs-body-color);">Home</a></li>
+                        <li><a href="/links" style="color: var(--bs-body-color);">Links</a></li>
                     </ul>
                 </div>
                 <div class="col-sm-3">
-                    <h5>Contact</h5>
+                    <h5 style="color: var(--bs-body-color);">Contact</h5>
                     <ul>
-                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank">Discord</a></li>
-                        <li><a href="/email" target="_blank">Email</a></li>
+                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank" style="color: var(--bs-body-color);">Discord</a></li>
+                        <li><a href="/email" target="_blank" style="color: var(--bs-body-color);">Email</a></li>
                     </ul>
                 </div>
             </div>
         </div>
-        <div class="footer-copyright">
-            <p>© {{year}} Handshake AU</p>
+        <div class="footer-copyright" style="background: var(--bs-body-bg);border-style: none;">
+            <p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
         </div>
     </footer>
     <script src="/assets/bootstrap/js/bootstrap.min.js"></script>
diff --git a/templates/promo.html b/templates/promo.html
index 32d257c..9910d5f 100644
--- a/templates/promo.html
+++ b/templates/promo.html
@@ -129,11 +129,6 @@
                     <li class="nav-item"><a class="nav-link" href="https://domains.hns.au" style="color: var(--bs-primary);">Domains</a></li>
                     <li class="nav-item"><a class="nav-link" href="/#contact" style="color: var(--bs-primary);">Contact</a></li>
                 </ul>
-                <div><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
-                            <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
-                        </svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
-                            <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
-                        </svg></button></div>
             </div>
         </div>
     </nav>
@@ -155,27 +150,27 @@
             </div>
         </section>
     </main>
-    <footer class="page-footer dark">
+    <footer class="page-footer dark" style="background: var(--bs-body-bg);color: var(--bs-body-color);">
         <div class="container">
             <div class="row">
                 <div class="col-sm-3">
-                    <h5>Get started</h5>
+                    <h5 style="color: var(--bs-body-color);">Get started</h5>
                     <ul>
-                        <li><a href="/">Home</a></li>
-                        <li><a href="/links">Links</a></li>
+                        <li><a href="/" style="color: var(--bs-body-color);">Home</a></li>
+                        <li><a href="/links" style="color: var(--bs-body-color);">Links</a></li>
                     </ul>
                 </div>
                 <div class="col-sm-3">
-                    <h5>Contact</h5>
+                    <h5 style="color: var(--bs-body-color);">Contact</h5>
                     <ul>
-                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank">Discord</a></li>
-                        <li><a href="/email" target="_blank">Email</a></li>
+                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank" style="color: var(--bs-body-color);">Discord</a></li>
+                        <li><a href="/email" target="_blank" style="color: var(--bs-body-color);">Email</a></li>
                     </ul>
                 </div>
             </div>
         </div>
-        <div class="footer-copyright">
-            <p>© {{year}} Handshake AU</p>
+        <div class="footer-copyright" style="background: var(--bs-body-bg);border-style: none;">
+            <p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
         </div>
     </footer>
     <script src="/assets/bootstrap/js/bootstrap.min.js"></script>
diff --git a/templates/tlds/australia.html b/templates/tlds/australia.html
index c250833..f0c051f 100644
--- a/templates/tlds/australia.html
+++ b/templates/tlds/australia.html
@@ -129,11 +129,6 @@
                     <li class="nav-item"><a class="nav-link" href="https://domains.hns.au" style="color: var(--bs-primary);">Domains</a></li>
                     <li class="nav-item"><a class="nav-link" href="/#contact" style="color: var(--bs-primary);">Contact</a></li>
                 </ul>
-                <div><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
-                            <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
-                        </svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
-                            <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
-                        </svg></button></div>
             </div>
         </div>
     </nav>
@@ -162,27 +157,27 @@
             </div>
         </section>
     </main>
-    <footer class="page-footer dark">
+    <footer class="page-footer dark" style="background: var(--bs-body-bg);color: var(--bs-body-color);">
         <div class="container">
             <div class="row">
                 <div class="col-sm-3">
-                    <h5>Get started</h5>
+                    <h5 style="color: var(--bs-body-color);">Get started</h5>
                     <ul>
-                        <li><a href="/">Home</a></li>
-                        <li><a href="/links">Links</a></li>
+                        <li><a href="/" style="color: var(--bs-body-color);">Home</a></li>
+                        <li><a href="/links" style="color: var(--bs-body-color);">Links</a></li>
                     </ul>
                 </div>
                 <div class="col-sm-3">
-                    <h5>Contact</h5>
+                    <h5 style="color: var(--bs-body-color);">Contact</h5>
                     <ul>
-                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank">Discord</a></li>
-                        <li><a href="/email" target="_blank">Email</a></li>
+                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank" style="color: var(--bs-body-color);">Discord</a></li>
+                        <li><a href="/email" target="_blank" style="color: var(--bs-body-color);">Email</a></li>
                     </ul>
                 </div>
             </div>
         </div>
-        <div class="footer-copyright">
-            <p>© {{year}} Handshake AU</p>
+        <div class="footer-copyright" style="background: var(--bs-body-bg);border-style: none;">
+            <p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
         </div>
     </footer>
     <script src="/assets/bootstrap/js/bootstrap.min.js"></script>
diff --git a/templates/tlds/newzealand.html b/templates/tlds/newzealand.html
index d072f8e..ae22429 100644
--- a/templates/tlds/newzealand.html
+++ b/templates/tlds/newzealand.html
@@ -129,11 +129,6 @@
                     <li class="nav-item"><a class="nav-link" href="https://domains.hns.au" style="color: var(--bs-primary);">Domains</a></li>
                     <li class="nav-item"><a class="nav-link" href="/#contact" style="color: var(--bs-primary);">Contact</a></li>
                 </ul>
-                <div><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
-                            <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
-                        </svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
-                            <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
-                        </svg></button></div>
             </div>
         </div>
     </nav>
@@ -162,27 +157,27 @@
             </div>
         </section>
     </main>
-    <footer class="page-footer dark">
+    <footer class="page-footer dark" style="background: var(--bs-body-bg);color: var(--bs-body-color);">
         <div class="container">
             <div class="row">
                 <div class="col-sm-3">
-                    <h5>Get started</h5>
+                    <h5 style="color: var(--bs-body-color);">Get started</h5>
                     <ul>
-                        <li><a href="/">Home</a></li>
-                        <li><a href="/links">Links</a></li>
+                        <li><a href="/" style="color: var(--bs-body-color);">Home</a></li>
+                        <li><a href="/links" style="color: var(--bs-body-color);">Links</a></li>
                     </ul>
                 </div>
                 <div class="col-sm-3">
-                    <h5>Contact</h5>
+                    <h5 style="color: var(--bs-body-color);">Contact</h5>
                     <ul>
-                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank">Discord</a></li>
-                        <li><a href="/email" target="_blank">Email</a></li>
+                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank" style="color: var(--bs-body-color);">Discord</a></li>
+                        <li><a href="/email" target="_blank" style="color: var(--bs-body-color);">Email</a></li>
                     </ul>
                 </div>
             </div>
         </div>
-        <div class="footer-copyright">
-            <p>© {{year}} Handshake AU</p>
+        <div class="footer-copyright" style="background: var(--bs-body-bg);border-style: none;">
+            <p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
         </div>
     </footer>
     <script src="/assets/bootstrap/js/bootstrap.min.js"></script>
diff --git a/templates/uv.html b/templates/uv.html
index e2a9ff8..e975ddc 100644
--- a/templates/uv.html
+++ b/templates/uv.html
@@ -129,11 +129,6 @@
                     <li class="nav-item"><a class="nav-link" href="https://domains.hns.au" style="color: var(--bs-primary);">Domains</a></li>
                     <li class="nav-item"><a class="nav-link" href="/#contact" style="color: var(--bs-primary);">Contact</a></li>
                 </ul>
-                <div><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
-                            <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
-                        </svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
-                            <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
-                        </svg></button></div>
             </div>
         </div>
     </nav>
@@ -154,27 +149,27 @@
             </div>
         </section>
     </main>
-    <footer class="page-footer dark">
+    <footer class="page-footer dark" style="background: var(--bs-body-bg);color: var(--bs-body-color);">
         <div class="container">
             <div class="row">
                 <div class="col-sm-3">
-                    <h5>Get started</h5>
+                    <h5 style="color: var(--bs-body-color);">Get started</h5>
                     <ul>
-                        <li><a href="/">Home</a></li>
-                        <li><a href="/links">Links</a></li>
+                        <li><a href="/" style="color: var(--bs-body-color);">Home</a></li>
+                        <li><a href="/links" style="color: var(--bs-body-color);">Links</a></li>
                     </ul>
                 </div>
                 <div class="col-sm-3">
-                    <h5>Contact</h5>
+                    <h5 style="color: var(--bs-body-color);">Contact</h5>
                     <ul>
-                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank">Discord</a></li>
-                        <li><a href="/email" target="_blank">Email</a></li>
+                        <li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank" style="color: var(--bs-body-color);">Discord</a></li>
+                        <li><a href="/email" target="_blank" style="color: var(--bs-body-color);">Email</a></li>
                     </ul>
                 </div>
             </div>
         </div>
-        <div class="footer-copyright">
-            <p>© {{year}} Handshake AU</p>
+        <div class="footer-copyright" style="background: var(--bs-body-bg);border-style: none;">
+            <p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
         </div>
     </footer>
     <script src="/assets/bootstrap/js/bootstrap.min.js"></script>