test commit that breaks some funtionality? rather adds a half working darkmode toggle.

app/src/home-page/home.css

···
 	justify-content: center;
 }
 
+.dark-theme {
+	background: #000;
+	color: #fff;
+}
+
 .app {
 	width: 100%;
 	background: #f9fafb;

app/src/home-page/home.html

···
 					>
 						<p>New signup key: <a x-text="newSignupKey"></a></p>
 					</div>
+					<br />
+					<button @click="toggleDarkMode()">Toggle Dark Mode</button>
 				</div>
 			</div>
 		</div>

app/src/home-page/home.ts

···
 import Alpine from "alpinejs";
 import { Store } from "../utils/store.ts";
 import { post } from "../utils/api.ts";
+import { toggleStyle } from "../utils/tools.ts";
 
 Alpine.data("homePageState", () => ({
 	friends: [
···
 	goto(newLocation: string) {
 		window.location.href =
 			"/src/" + newLocation + "-page/" + newLocation + ".html";
+	},
+
+	toggleDarkMode() {
+		/*
+		This toggles darkmode for 'body' in the css file | use for only document types
+		document.body.classList.toggle("dark-theme");
+
+		this toggles darkmode for '.app' in the css file | use if it isn't a document type
+		toggleStyle("app", "dark-theme");
+
+	 */
+
+		document.body.classList.toggle("dark-theme");
+		toggleStyle("header", "dark-theme");
+		toggleStyle([".app", ".friend-card", ".content"], "dark-theme");
 	},
 }));