diff --git a/README.md b/README.md
index 4bbc78d..6328b23 100644
--- a/README.md
+++ b/README.md
@@ -3,6 +3,17 @@ Everything about the German Self-Determination Law in one place
 
 
 
+## Easter Egg: Custom Theme Color
+Have you ever wondered how SBGG.jetzt would look like in another color?
+Now I have a cool thing for you to try when getting bored of the default theme color!
+If you manage to set a cookie called `theme` in you browser, with a value of `red`, `orange`, `yellow`, `green`, `cyan`, `blue`, `purple` or `random`, you can change the SBGG.jetzt theme color. Here's an example:
+```
+NAME     VALUE     DOMAIN        PATH    MAX-AGE
+theme    orange    sbgg.jetzt    /       Fri, 17 Feb 2034 20:49:38 GMT
+```
+
+
+
 ## Attribution / Credits
 - Tabler Icons (MIT): https://github.com/tabler/tabler-icons
 - Ubuntu font (Ubuntu font licence 1.0): https://design.ubuntu.com/font
diff --git a/page/admin/login/index.php b/page/admin/login/index.php
index 6070e3a..9347239 100644
--- a/page/admin/login/index.php
+++ b/page/admin/login/index.php
@@ -48,6 +48,7 @@
 	
 	Page::$head["analytics"] = '<script defer data-domain="sbgg.jetzt" src="https://analytics.tjdev.de/js/script.js"></script>';
 	Page::css("./page/start/style.css");
+	Page::css("./page/start/style.css.php", eval: true);
 	Page::css(__DIR__ . "/style.css");
 	
 	Page::font("ubuntu");
diff --git a/page/admin/newsletter/content.php b/page/admin/newsletter/content.php
index 99e8808..6bd5dfa 100644
--- a/page/admin/newsletter/content.php
+++ b/page/admin/newsletter/content.php
@@ -70,6 +70,7 @@
 	
 	Page::$head["analytics"] = '<script defer data-domain="sbgg.jetzt" src="https://analytics.tjdev.de/js/script.js"></script>';
 	Page::css("./page/start/style.css");
+	Page::css("./page/start/style.css.php", eval: true);
 	Page::js(__DIR__ . "/iframe_magic.js");
 	Page::js(__DIR__ . "/send_one.js");
 	Page::js(__DIR__ . "/send_all.js");
diff --git a/page/admin/newsletter/overview.php b/page/admin/newsletter/overview.php
index 81ae8ed..3112c43 100644
--- a/page/admin/newsletter/overview.php
+++ b/page/admin/newsletter/overview.php
@@ -36,6 +36,7 @@
 	
 	Page::$head["analytics"] = '<script defer data-domain="sbgg.jetzt" src="https://analytics.tjdev.de/js/script.js"></script>';
 	Page::css("./page/start/style.css");
+	Page::css("./page/start/style.css.php", eval: true);
 	
 	Page::font("ubuntu");
 	Page::font("tabler");
diff --git a/page/admin/start/index.php b/page/admin/start/index.php
index f2e0029..4032154 100644
--- a/page/admin/start/index.php
+++ b/page/admin/start/index.php
@@ -35,6 +35,7 @@
 	
 	Page::$head["analytics"] = '<script defer data-domain="sbgg.jetzt" src="https://analytics.tjdev.de/js/script.js"></script>';
 	Page::css("./page/start/style.css");
+	Page::css("./page/start/style.css.php", eval: true);
 	
 	Page::font("ubuntu");
 	Page::font("tabler");
diff --git a/page/newsletter/subscribe/index.php b/page/newsletter/subscribe/index.php
index 5ee9aae..fd16842 100644
--- a/page/newsletter/subscribe/index.php
+++ b/page/newsletter/subscribe/index.php
@@ -46,6 +46,7 @@
 	Page::$head["analytics"] = '<script defer data-domain="sbgg.jetzt" src="https://analytics.tjdev.de/js/script.js"></script>';
 	
 	Page::css("./page/start/style.css");
+	Page::css("./page/start/style.css.php", eval: true);
 	Page::js(__DIR__ . "/main.js");
 	
 	Page::font("ubuntu");
diff --git a/page/newsletter/unsubscribe/index.php b/page/newsletter/unsubscribe/index.php
index 8dd39a7..aeb58d5 100644
--- a/page/newsletter/unsubscribe/index.php
+++ b/page/newsletter/unsubscribe/index.php
@@ -46,6 +46,7 @@
 	Page::$head["analytics"] = '<script defer data-domain="sbgg.jetzt" src="https://analytics.tjdev.de/js/script.js"></script>';
 	
 	Page::css("./page/start/style.css");
+	Page::css("./page/start/style.css.php", eval: true);
 	Page::js(__DIR__ . "/main.js");
 	
 	Page::font("ubuntu");
diff --git a/page/start/index.php b/page/start/index.php
index d324d85..aa089da 100644
--- a/page/start/index.php
+++ b/page/start/index.php
@@ -61,6 +61,7 @@
 	Page::$head["mastodon_verify"] = '<link rel="me" href="https://lsbt.me/@sbggjetzt" />';
 	
 	Page::css(__DIR__ . "/style.css");
+	Page::css(__DIR__ . "/style.css.php", eval: true);
 	Page::js(__DIR__ . "/copylink_dict.js.php", eval: true);
 	Page::js(__DIR__ . "/copylink.js");
 	Page::js(__DIR__ . "/newsletter.js");
diff --git a/page/start/style.css b/page/start/style.css
index 41c2a27..aab99be 100644
--- a/page/start/style.css
+++ b/page/start/style.css
@@ -36,12 +36,6 @@
 	--color-purple: #c678dd;
 	--color-purple-light: #d7a1e8;
 	--color-purple-dark: #af5bc8;
-	
-	
-	
-	--theme: var(--color-green);
-	--theme-light: var(--color-green-light);
-	--theme-dark: var(--color-green-dark);
 }
 * {
 	box-sizing: border-box;
diff --git a/page/start/style.css.php b/page/start/style.css.php
new file mode 100644
index 0000000..5fdc126
--- /dev/null
+++ b/page/start/style.css.php
@@ -0,0 +1,28 @@
+<?php
+	declare(strict_types = 1);
+	namespace Kimendisch\Sbgg_Jetzt;
+	
+	// GET THEME COLOR TO USE //
+	$color_list_lookup = ["red", "orange", "yellow", "green", "cyan", "blue", "purple"];
+	
+	// check cookie
+	$theme = $_COOKIE["theme"] ?? "";
+	
+	// validate
+	if(!in_array($theme, $color_list_lookup, strict: true) and $theme !== "random"){
+		$theme = "green";
+	}
+	
+	// random color
+	if($theme === "random") $theme = array_rand(array_flip($color_list_lookup));
+?>
+
+
+
+
+
+:root {
+	--theme: var(--color-<?= $theme ?>);
+	--theme-light: var(--color-<?= $theme ?>-light);
+	--theme-dark: var(--color-<?= $theme ?>-dark);
+}