refactor(display): easy custom background color

2026-07-06 00:47:09 +00:00 · 2025-11-15 11:25:39 +01:00
parent c653538b31
commit 2499389c30
1 changed files with 5 additions and 1 deletions
@@ -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%);
 				}