diff --git a/src/app.css b/src/app.css
index e4cb026..8aeb889 100644
--- a/src/app.css
+++ b/src/app.css
@@ -6,7 +6,6 @@
   name: "Deprived";
   default: true;
   prefersdark: true;
-  color-scheme: "dark";
   --color-base-100: oklch(14% 0 0);
   --color-base-200: oklch(20% 0 0);
   --color-base-300: oklch(26% 0 0);
diff --git a/src/app.html b/src/app.html
index cb55588..f3253b6 100644
--- a/src/app.html
+++ b/src/app.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en" data-theme="Green" style="overflow-x: hidden;">
+<html lang="en" data-theme="Deprived" style="overflow-x: hidden;">
 	<head>
 		<meta charset="utf-8" />
 		<meta name="description" content="
@@ -12,20 +12,21 @@
 		%sveltekit.head%
 
 		<script>
-			//let theme = null;
-//
-			//if (typeof localStorage !== 'undefined') {
-			//	theme = localStorage.getItem('theme');
-			//}
-//
-			//window.AvailableThemes =  ["green", "netherrack", "dark", "pink"];
-			//
-			//if (!theme) {
-			//	const randomNumber = Math.floor(Math.random() * 4);
-			//	console.log("Slecting: " + AvailableThemes[randomNumber]);
-			//	document.documentElement.setAttribute('data-theme', AvailableThemes[randomNumber]);
-			//	localStorage.setItem('theme', AvailableThemes[randomNumber]);
-			//} else {
+			let theme = null;
+
+			if (typeof localStorage !== 'undefined') {
+				theme = localStorage.getItem('theme');
+			}
+
+			window.AvailableThemes =  ["green", "netherrack", "dark", "pink"];
+			
+			if (!theme) {
+				const randomNumber = Math.floor(Math.random() * 4);
+				console.log("Slecting: " + AvailableThemes[randomNumber]);
+				document.documentElement.setAttribute('data-theme', AvailableThemes[randomNumber]);
+				localStorage.setItem('theme', AvailableThemes[randomNumber]);
+			} 
+			//else {
 			//	console.log("Slecting: " + theme);
 			//	document.documentElement.setAttribute('data-theme', theme);
 			//}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index a512acc..3fad81d 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,8 +1,6 @@
 <!-- If url contains "hideOnPrint" param, then detect if start printing then hide elements -->
 <script lang="ts">
     import "../app.css";
-    const buildTime = __BUILD_TIME__;
-
     import { fly } from 'svelte/transition';
     import MediaQuery from 'svelte-media-queries';
     import { Dices } from "@lucide/svelte";
@@ -13,8 +11,6 @@
     import DeprivedLogo from "$lib/images/DeprivedLogo.svelte";
     import HamburgerMenuIcon from "$lib/images/HamburgerMenuIcon.svelte";
 
-    import svelteLogo from "$lib/svelteLogos/svelte-logo.png"
-
     const footerCollapseThreshold : string = '1000px';
     const headerCollapseThreshold : string = '1000px';
     let footerCollapse : boolean;
@@ -34,6 +30,7 @@
     });
 
     import { onMount } from 'svelte';
+    import Zooter from "./comps/Zooter.svelte";
     
     onMount(async () => {
         const lock = document.createElement('meta');
@@ -123,49 +120,8 @@
     
     <!-- Page content -->
     {@render children?.()}
-    
-    <!-- About footer -->
-    <div class="{hideOnPrint ? 'hide-on-print' : ''} flex flex-col justify-center pt-8 bg-base-300 mt-8">
-        <div class="flex justify-center">
-            <div class="about-container">
-                <div class="credits">
-                    <span>© 2023-2024</span>
-                    <br>
-                    <span>Benjamin Dreyer</span>
-                    <br>
-                    <span>Oliver Schwenger</span>
-                    <br>
-                    <span>Sylvester Junge</span>
-                    <br>
-                    <span>Snorre Ettrup Altschul</span>
-                    <br>
-                    <span>Zhentao Wei</span>
-                </div>
-                <div>
-                    <h3><b>About this website</b></h3>
-                    <!-- <a href="/" target="_blank">Recursion</a> -->
-                    <div class="flex justify-center">
-                        This website was made using <a class="grid place-content-center" target="_blank" href="https://kit.svelte.dev/">
-                        <img class="pl-2" src={svelteLogo} style="height: 2rem;" alt="SvelteKit logo"/></a>
-                    </div>
-                    <span>Website <a href="https://git.spoodythe.one/sveske-juice/deprived-main-website" target="_blank">source code</a></span>
 
-                </div>
-                <div class="contact">
-                    <h3><b>Contact</b></h3>
-                    <a href="mailto:zhen@deprived.dev">zhen@deprived.dev</a>
-                    <div class="mt-2"></div>
-                    <a href="https://discord.gg/awatEEqc3M" target="_blank" class="social">
-                        <!-- <span>Discord</span> -->
-                        <img src="/images/icons/discord.svg" alt="Discord"/>
-                    </a>
-                </div>
-            </div>
-        </div>
-        <div class="flex w-full justify-center border-t border-base-100 border-dashed">
-            Last build: {buildTime} (+2 UTC)
-        </div>
-    </div>
+    <Zooter bind:hideOnPrint/>
 </div>
 
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 68507c9..44eb1f5 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -158,7 +158,7 @@
                 <br/>
                 <p>This was made during <a href="https://itch.io/jam/nordic-game-jam-2024/rate/2659665" class="underline">Nordic gamejam 2024</a></p>
                 <div class="card-actions justify-end">
-                <a href="https://botalex.itch.io/corrobot-rebounce" target="_blank" class="btn btn-neutral">View on itch.io</a>
+                <a href="https://botalex.itch.io/corrobot-rebounce" target="_blank" class="btn btn-primary text-primary-content">View on itch.io</a>
                 </div>
             </div>
         </div>
@@ -180,7 +180,7 @@
                 <br/>
                 <p>This was made during <a href="https://itch.io/jam/future-game-makers-jam-2024" class="underline">Future Game Makers</a>, and of course our team won the competition.</p>
                 <div class="card-actions justify-end">
-                <a href="https://botalex.itch.io/mop-of-the-dead" target="_blank" class="btn btn-neutral">View on itch.io</a>
+                <a href="https://botalex.itch.io/mop-of-the-dead" target="_blank" class="btn btn-primary text-primary-content">View on itch.io</a>
                 </div>
             </div>
         </div>
@@ -202,7 +202,7 @@
                 <br/>
                 <p>This was made during <a href="https://itch.io/jam/dmspiljam-november-2021" class="underline">Denmark Masters jam</a>. This jam has youths allover Denmark to compete, and of course our team won the competition again.</p>
                 <div class="card-actions justify-end">
-                <a href="https://botalex.itch.io/one-more-time" target="_blank" class="btn btn-neutral">View on itch.io</a>
+                <a href="https://botalex.itch.io/one-more-time" target="_blank" class="btn btn-primary text-primary-content">View on itch.io</a>
                 </div>
             </div>
         </div>
@@ -222,7 +222,7 @@
                 <div class="skeleton h-4 w-full"></div>
                 <div class="flex grow"/>
                 <div class="card-actions justify-end">
-                    <a href="/" target="_blank" class="btn btn-neutral text-primary-content">RECURSION!</a>
+                    <a href="/" target="_blank" class="btn btn-primary text-primary-content text-primary-content">RECURSION!</a>
                 </div>
             </div>
         </div>
diff --git a/src/routes/comps/Zooter.svelte b/src/routes/comps/Zooter.svelte
new file mode 100644
index 0000000..1f302dd
--- /dev/null
+++ b/src/routes/comps/Zooter.svelte
@@ -0,0 +1,60 @@
+<script lang="ts">
+    import svelteLogo from "$lib/svelteLogos/svelte-logo.png"
+    const buildTime = __BUILD_TIME__;
+    
+    let scrollY = 0;
+
+
+    export let hideOnPrint: boolean;
+</script>
+
+<svelte:window bind:scrollY />
+
+<div class="w-full">
+    <!-- Keep scrolling thing -->
+    <div class="h-64 w-full">
+    
+    </div>
+    <!-- About footer -->
+    <div class="{hideOnPrint ? 'hide-on-print' : ''} sticky bottom-0 flex flex-col justify-center pt-8 bg-base-300 mt-8">
+        <div class="flex justify-center">
+            <div class="grid gap-8 mg:grid-cols-3 items-center w-full">
+                <div class="flex flex-col items-center">
+                    <span class="font-bold">© 2023-2025</span>
+                    <br>
+                    <span>Benjamin Dreyer</span>
+                    <br>
+                    <span>Oliver Schwenger</span>
+                    <br>
+                    <span>Sylvester Junge</span>
+                    <br>
+                    <span>Snorre Ettrup Altschul</span>
+                    <br>
+                    <span>Zhentao Wei</span>
+                </div>
+                <div class="flex flex-col items-center">
+                    <h3><b>About this website</b></h3>
+                    <!-- <a href="/" target="_blank">Recursion</a> -->
+                    <div class="flex justify-center">
+                        This website was made using <a class="grid place-content-center" target="_blank" href="https://kit.svelte.dev/">
+                        <img class="pl-2" src={svelteLogo} style="height: 2rem;" alt="SvelteKit logo"/></a>
+                    </div>
+                    <span>Website <a href="https://git.spoodythe.one/sveske-juice/deprived-main-website" target="_blank">source code</a></span>
+
+                </div>
+                <div class="flex flex-col items-center">
+                    <h3><b>Contact</b></h3>
+                    <a href="mailto:zhen@deprived.dev">zhen@deprived.dev</a>
+                    <div class="mt-2"></div>
+                    <a href="https://discord.gg/awatEEqc3M" target="_blank" class="social">
+                        <!-- <span>Discord</span> -->
+                        <img src="/images/icons/discord.svg" class="w-8 h-8 object-contain" alt="Discord"/>
+                    </a>
+                </div>
+            </div>
+        </div>
+        <div class="flex w-full justify-center border-t border-base-100 border-dashed">
+            Last build: {buildTime} (+2 UTC)
+        </div>
+    </div>
+</div>
\ No newline at end of file
