From 2e5ee933615875c0de2e31ca9f11856f459274ff Mon Sep 17 00:00:00 2001
From: PeekabooSteam <matthew.lindley001+github@gmail.com>
Date: Fri, 3 Nov 2023 14:05:39 +0000
Subject: [PATCH] Tweaked colours.

---
 client/public/stylesheets/style/style.css | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/client/public/stylesheets/style/style.css b/client/public/stylesheets/style/style.css
index 28247d9c..dd5c7381 100644
--- a/client/public/stylesheets/style/style.css
+++ b/client/public/stylesheets/style/style.css
@@ -652,7 +652,7 @@ nav.ol-panel> :last-child {
 
 .ol-navbar-buttons-group > .protectable > button.lock {
     align-items: center;
-    background-color: #990000;
+    background-color: var(--primary-red);
     border-bottom-left-radius: 0;
     border-top-left-radius: 0;
     display:flex;
@@ -661,15 +661,18 @@ nav.ol-panel> :last-child {
 }
 
 .ol-navbar-buttons-group > .protectable > button[data-protected].lock {
-    background-color: #008800;
+    background-color: var(--background-grey);
 }
 
 .ol-navbar-buttons-group > .protectable > button.lock svg {
-    filter:invert(100);
     height:10px;
     width:10px;
 }
 
+.ol-navbar-buttons-group > .protectable > button.lock svg.locked {
+    filter:invert(100);
+}
+
 .ol-navbar-buttons-group > .protectable > button:not([data-protected]).lock svg.unlocked,
 .ol-navbar-buttons-group > .protectable > button[data-protected].lock svg.locked {
     display:flex;