acknowledgements edit and ToC dark mode

content/body/acknowledgements.php

@@ -22,6 +22,7 @@
   <li><a href="https://github.com/alisonhall">Alison Hall</a> for cleaning up and streamlining the unit testing and automated testing NPM tasks (and also doing the difficult task of updating the NPM packages within the project in 2024).
   </li>
   <li>Sahil Singh for unit tests for the <a href="input-mask.php">input mask component</a>.</li>
+  <li><a href="https://github.com/basiabaldwin">Basia Baldwin</a> for implementing dark mode across the project. 
   <li><a href="https://www.useragentman.com/">Zoltan Hawryluk</a> for starting the Enable project to begin with.</li>
 </ul>
 

css/enable-toc.css

@@ -137,3 +137,31 @@
 .enable-toc .enable-drawer__button:hover img {
   background: #ddd;
 }
+@media (prefers-color-scheme: dark) {
+  .enable-toc {
+    background-color: #222;
+  }
+  .enable-toc__move-tosidebar-button {
+    background-color: #333;
+    color: white;
+  }
+  .enable-toc__move-tosidebar-button:hover {
+    background-color: #111;
+  }
+  .enable-toc__hide-sidebar-button {
+    background-color: #333;
+    color: white;
+  }
+  .enable-toc__hide-sidebar-button:hover {
+    background-color: #111;
+  }
+  .enable-toc__link {
+    color: #4593f8;
+  }
+  .enable-toc__link:visited {
+    color: #4593f8;
+  }
+  .enable-toc .enable-drawer__button {
+    background-color: #222;
+  }
+}

less/enable-toc.less

@@ -164,3 +164,39 @@
         }
     }
 }
+
+@media (prefers-color-scheme: dark) {
+    .enable-toc {
+        background-color: #222;
+
+        &__move-tosidebar-button {
+            background-color: #333;
+            color: white;
+
+            &:hover {
+                background-color: #111;
+            }
+        }
+
+        &__hide-sidebar-button {
+            background-color: #333;
+            color: white;
+
+            &:hover {
+                background-color: #111;
+            }
+        }
+
+        &__link {
+            color: #4593f8;
+
+            &:visited {
+                color: #4593f8;
+            }
+        }
+
+        .enable-drawer__button {
+            background-color: #222;
+        }
+    }
+}

less/index.less

@@ -250,5 +250,13 @@ strong {
     /*Want to donate code section*/
     .homepage__bottom-copy:nth-child(2n) {
         background: #444;
+
+        a {
+            color: #7db4fa;
+
+            &:visited {
+                color: #c589f9;
+            }
+        }
     }
 }