From cc829b412a9eb04c0973d916f74072ffc037318f Mon Sep 17 00:00:00 2001
From: Sam <sam@samr1.net>
Date: Wed, 20 Dec 2023 12:55:49 +0100
Subject: [PATCH] Client - update maps with dark theme

---
 fittrackee_client/src/components/Workout/WorkoutCard.vue | 2 +-
 fittrackee_client/src/scss/colors-dark.scss              | 3 ++-
 fittrackee_client/src/scss/colors.scss                   | 1 +
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/fittrackee_client/src/components/Workout/WorkoutCard.vue b/fittrackee_client/src/components/Workout/WorkoutCard.vue
index 2b00f720..5c63ab3c 100644
--- a/fittrackee_client/src/components/Workout/WorkoutCard.vue
+++ b/fittrackee_client/src/components/Workout/WorkoutCard.vue
@@ -234,7 +234,7 @@
       }
 
       .workout-map {
-        background-color: var(--workout-no-map-bg-color);
+        background-color: var(--workout-static-map-bg-color);
         height: 150px;
         .no-map {
           line-height: 150px;
diff --git a/fittrackee_client/src/scss/colors-dark.scss b/fittrackee_client/src/scss/colors-dark.scss
index b8b86cbf..a0add3b3 100644
--- a/fittrackee_client/src/scss/colors-dark.scss
+++ b/fittrackee_client/src/scss/colors-dark.scss
@@ -88,13 +88,14 @@
   --map-attribution-text: #e8e8e8;
   --map-display-hover-attribution-text: #444444;
   --map-attribution-bg-color: none;
-  --map-filter: invert(1) hue-rotate(180deg) brightness(0.8) contrast(0.8);
+  --map-filter: invert(1) hue-rotate(180deg) brightness(0.85) contrast(0.85);
   --map-display-hover-filter: invert(1) hue-rotate(180deg) brightness(1.5)
     contrast(0.6);
   --map-layers-overlays: var(--app-color);
   --map-control-bar: var(--app-color);
   --no-map-filter: invert(1) brightness(1.5) contrast(0.9);
   --workout-static-map-shadow-color: #d2d2d2;
+  --workout-static-map-bg-color: #818181;
 
   --mountains-filter: invert(90%) sepia(19%) saturate(0%) hue-rotate(39deg)
     brightness(86%) contrast(102%);
diff --git a/fittrackee_client/src/scss/colors.scss b/fittrackee_client/src/scss/colors.scss
index 8c62850a..19a47a1f 100644
--- a/fittrackee_client/src/scss/colors.scss
+++ b/fittrackee_client/src/scss/colors.scss
@@ -91,6 +91,7 @@
   --map-control-bar: #bfc0ab;
   --no-map-filter: initial;
   --workout-static-map-shadow-color: var(--app-shadow-color);
+  --workout-static-map-bg-color: var(--workout-no-map-bg-color);
 
   --mountains-filter: invert(19%) sepia(9%) saturate(2921%) hue-rotate(169deg)
     brightness(85%) contrast(80%);