diff --git a/src/lib/app.css b/src/lib/app.css
index a6fca91..fac3bb3 100644
--- a/src/lib/app.css
+++ b/src/lib/app.css
@@ -16,6 +16,7 @@ html {
 	--grey: #5454547a;
 	--alt: #333;
 	--alt-text: #ddd;
+	color-scheme: dark;
 }
 
 html.light {
@@ -26,6 +27,7 @@ html.light {
 	--grey: #444444;
 	--alt: #ddd;
 	--alt-text: #333;
+	color-scheme: light;
 }
 
 body {
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index ecc2acf..e40da8f 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -26,12 +26,14 @@
 	marginTop="7"
 >
 	<div class="buttons">
-		<LinkButton url="/services" title="Explore our services" />
-		<LinkButton url="/projects" title="Explore our projects" />
+		<LinkButton url="/services" title="Explore our services" icon="i-fa6-solid:bell-concierge" />
+		<LinkButton url="/projects" title="Explore our projects" icon="i-fa6-solid:tractor" />
 		<LinkButton
 			url="/donate"
 			icon="i-fa6-solid:money-bill"
 			title="Donate"
+			bg="#F6C915"
+			color="#151515"
 		/>
 	</div>
 </Hero>