Initial waypoint support

src/css/common.scss

@@ -250,7 +250,7 @@ input[type="email"] {
         opacity: 0.4;
     }
 
-    transition: background-color 0.4s ease-in-out !important;
+    transition: background-color 0.1s ease-in-out !important;
     @include TextShadow3D(#fff);
     @include BoxShadow3D(lighten($mainBgColor, 30));
 

src/css/ingame_hud/dialogs.scss

@@ -129,6 +129,16 @@
                 height: unset;
                 margin: 1px 0;
             }
+
+            input {
+                background: #eee;
+                color: #333438;
+                width: 100%;
+
+                &.errored {
+                    background-color: rgb(250, 206, 206);
+                }
+            }
         }
 
         > .buttons {

src/css/ingame_hud/keybindings_overlay.scss

@@ -6,6 +6,8 @@
     display: flex;
     flex-direction: column;
     align-items: flex-start;
+    color: #fff;
+    text-shadow: #{D(1px)} #{D(1px)} 0 rgba(0, 10, 20, 0.1);
 
     > .binding {
         display: inline-grid;
@@ -20,7 +22,7 @@
             @include S(height, 10px);
             width: 1px;
             @include S(margin, 0, 3px);
-            background-color: #888;
+            background-color: #fff;
             transform: rotate(10deg);
             // @include S(margin, 0, 3px);
         }
@@ -43,9 +45,7 @@
             color: $accentColorDark;
             @include SuperSmallText;
             text-transform: uppercase;
-            // font-weight: bold;
             color: #fff;
-            text-shadow: #{D(1px)} #{D(1px)} 0 rgba(0, 10, 20, 0.1);
 
             @include S(margin-left, 5px);
         }

src/css/ingame_hud/waypoints.scss

@@ -0,0 +1,27 @@
+#ingame_HUD_Waypoints {
+    position: absolute;
+    @include S(right, 10px);
+    @include S(bottom, 100px);
+
+    display: flex;
+    flex-direction: column;
+
+    @include PlainText;
+    @include S(width, 150px);
+    background: rgba(0, 10, 20, 0.5);
+    @include S(padding, 5px);
+
+    color: #eee;
+
+    .desc {
+        @include SuperSmallText;
+        color: #babcbf;
+        .keybinding {
+            position: relative;
+        }
+
+        strong {
+            color: #fff;
+        }
+    }
+}

src/css/main.scss

@@ -48,6 +48,7 @@
 @import "ingame_hud/tutorial_hints";
 @import "ingame_hud/watermark";
 @import "ingame_hud/blueprint_placer";
+@import "ingame_hud/waypoints";
 
 // prettier-ignore
 $elements: 
@@ -70,6 +71,7 @@ ingame_HUD_EntityDebugger,
 ingame_HUD_TutorialHints,
 ingame_HUD_buildings_toolbar,
 ingame_HUD_BlueprintPlacer,
+ingame_HUD_Waypoints,
 ingame_HUD_Watermark,
 
 // Overlays