From 922f8f47d77e69a4fc75cd4bd8484b9a5fdcdd50 Mon Sep 17 00:00:00 2001
From: tobspr <tobias.springer1@googlemail.com>
Date: Mon, 1 Jun 2020 13:18:44 +0200
Subject: [PATCH] Increase readability of certain HUD elements

---
 src/css/ingame_hud/buildings_toolbar.scss   |  6 +++++-
 src/css/ingame_hud/keybindings_overlay.scss | 15 +++++++++++----
 src/css/ingame_hud/pinned_shapes.scss       |  7 +++----
 src/css/ingame_hud/waypoints.scss           |  4 ++--
 src/js/changelog.js                         |  3 ++-
 5 files changed, 23 insertions(+), 12 deletions(-)

diff --git a/src/css/ingame_hud/buildings_toolbar.scss b/src/css/ingame_hud/buildings_toolbar.scss
index 740e1f58..13da9f99 100644
--- a/src/css/ingame_hud/buildings_toolbar.scss
+++ b/src/css/ingame_hud/buildings_toolbar.scss
@@ -11,7 +11,11 @@
     border-bottom-width: 0;
     transition: transform 0.12s ease-in-out;
 
-    background: rgba(mix(#ddd, $colorBlueBright, 80%), 0.69);
+    background: rgba(mix(#ddd, $colorBlueBright, 90%), 0.75);
+
+    @include DarkThemeOverride {
+        background: #222428;
+    }
 
     &:not(.visible) {
         transform: translateX(-50%) translateY(#{D(100px)});
diff --git a/src/css/ingame_hud/keybindings_overlay.scss b/src/css/ingame_hud/keybindings_overlay.scss
index 1737e7b1..5a238f81 100644
--- a/src/css/ingame_hud/keybindings_overlay.scss
+++ b/src/css/ingame_hud/keybindings_overlay.scss
@@ -6,8 +6,12 @@
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-    color: #fff;
-    text-shadow: #{D(1px)} #{D(1px)} 0 rgba(0, 10, 20, 0.1);
+    color: #333438;
+    // text-shadow: #{D(1px)} #{D(1px)} 0 rgba(0, 10, 20, 0.1);
+
+    @include DarkThemeOverride {
+        color: #fff;
+    }
 
     > .binding {
         display: inline-grid;
@@ -42,10 +46,13 @@
         }
 
         label {
-            color: $accentColorDark;
+            color: #333438;
             @include SuperSmallText;
             text-transform: uppercase;
-            color: #fff;
+            // color: #fff;
+            @include DarkThemeOverride {
+                color: #fff;
+            }
 
             @include S(margin-left, 5px);
         }
diff --git a/src/css/ingame_hud/pinned_shapes.scss b/src/css/ingame_hud/pinned_shapes.scss
index afedd6a5..1c944e35 100644
--- a/src/css/ingame_hud/pinned_shapes.scss
+++ b/src/css/ingame_hud/pinned_shapes.scss
@@ -16,8 +16,8 @@
         grid-template-columns: auto 1fr;
         grid-template-rows: 1fr 1fr;
         @include S(margin-bottom, 4px);
-        color: #fff;
-        text-shadow: #{D(1px)} #{D(1px)} 0 rgba(0, 10, 20, 0.2);
+        color: #333438;
+        // text-shadow: #{D(1px)} #{D(1px)} 0 rgba(0, 10, 20, 0.2);
 
         &.unpinable {
             > canvas {
@@ -59,7 +59,7 @@
 
         > .goalLabel {
             @include S(font-size, 7px);
-            opacity: 0.5;
+            opacity: 0.9;
             align-self: start;
             justify-self: start;
             font-weight: normal;
@@ -81,7 +81,6 @@
                     display: inline-block;
                     @include S(width, 8px);
                     @include S(height, 8px);
-                    opacity: 0.8;
                     @include S(top, 4px);
                     @include S(left, -7px);
                     background: uiResource("icons/current_goal_marker.png") center center / contain no-repeat;
diff --git a/src/css/ingame_hud/waypoints.scss b/src/css/ingame_hud/waypoints.scss
index fbb430fd..6517bbcf 100644
--- a/src/css/ingame_hud/waypoints.scss
+++ b/src/css/ingame_hud/waypoints.scss
@@ -38,13 +38,13 @@
         @include SuperSmallText;
         pointer-events: all;
         cursor: pointer;
-        color: #000;
+        color: #333438;
         @include S(padding-left, 11px);
         display: grid;
         grid-template-columns: 1fr auto;
         align-items: center;
         background: uiResource("icons/waypoint.png") left 50% / #{D(8px)} no-repeat;
-        opacity: 0.5;
+        opacity: 0.7;
         @include S(margin-bottom, 1px);
         font-weight: bold;
         &:hover {
diff --git a/src/js/changelog.js b/src/js/changelog.js
index 215e7dcf..d2dc7bb2 100644
--- a/src/js/changelog.js
+++ b/src/js/changelog.js
@@ -4,8 +4,9 @@ export const CHANGELOG = [
         date: "unreleased",
         entries: [
             "Added setting to configure zoom / mouse wheel / touchpad sensitivity",
-            "Allow binding mouse buttons to actions (by Dimava)",
             "Fix belts being too slow when copied via blueprint (by Dimava)",
+            "Allow binding mouse buttons to actions (by Dimava)",
+            "Increase readability of certain HUD elements",
         ],
     },
     {