From 2499389c3078c637f55f2608fc20896f873c13f9 Mon Sep 17 00:00:00 2001
From: 2mal3 <56305732+2mal3@users.noreply.github.com>
Date: Sat, 15 Nov 2025 11:25:39 +0100
Subject: [PATCH] refactor(display): easy custom background color

---
 display/web/main.templ | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/display/web/main.templ b/display/web/main.templ
index 1885c95..f9daa45 100644
--- a/display/web/main.templ
+++ b/display/web/main.templ
@@ -10,6 +10,10 @@ templ indexTemplate() {
 			<script src="/static/htmx.min.js"></script>
 			<script src="/static/htmx-ext-sse.min.js"></script>
 			<style>
+				:root {
+					--background-color: hsl(256, 10%, 10%);
+				}
+
 				body {
 				    display: flex;
 	                justify-content: center; /* centers horizontally */
@@ -19,7 +23,7 @@ templ indexTemplate() {
 	                margin: 0;
 	                padding: 0;
 	                overflow: hidden;
-					background-color: hsl(256, 10%, 10%);
+					background-color: var(--background-color);
 					color: hsl(256, 90%, 95%);
 				}