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;