From ad264586b8b37e6f647551eb1100beefbecab688 Mon Sep 17 00:00:00 2001
From: Aron den Ouden <a.s.denouden@students.uu.nl>
Date: Tue, 1 Oct 2024 19:50:58 +0200
Subject: [PATCH] Added a css color variable for the current board color

---
 static/css/home.css | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/static/css/home.css b/static/css/home.css
index f149419..1f0e193 100644
--- a/static/css/home.css
+++ b/static/css/home.css
@@ -1,3 +1,7 @@
+:root {
+	--board-color: #197052;
+}
+
 *{
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     box-sizing: border-box;
@@ -290,7 +294,7 @@ body{
 }
 
 .leafletMarkerButton {
-    background-color:#61518f;
+    background-color: var(--board-color);
     color:#ffffff;
     border: none;
     border-radius: 5px;
@@ -315,7 +319,7 @@ body{
     width: 100%;
     height: 100%; /* Full screen height */
     background-color: rgb(255, 255, 255);
-    /* border: 5px solid #61518f; */
+    /* border: 5px solid var(--board-color); */
     transition: bottom 0.5s, border-radius 0.5s; /* Transition for sliding  */
     transition-timing-function: 'ease-in';
     display: flex;
@@ -366,7 +370,7 @@ body{
 }
 
 .stickerDiv .stickerDivButton {
-    background-color:#61518f;
+    background-color: var(--board-color);;
     color:#ffffff;
     border: none;
     border-radius: 5px;