Minor polishing and standlaone adjustments

src/css/states/main_menu.scss

@@ -381,7 +381,10 @@
         justify-content: center;
         flex-direction: column;
         background: $colorBlueBright;
-        grid-row: 1 / 2;
+        height: 100%;
+        grid-row: 1 / 4;
+        width: 100%;
+        box-sizing: border-box;
         position: relative;
         @include S(padding, 20px);
         @include S(border-radius, $globalBorderRadius);
@@ -529,6 +532,7 @@
             width: 100%;
             display: flex;
             flex-direction: column;
+            @include S(border-radius, $globalBorderRadius);
             pointer-events: all;
 
             :last-child {
@@ -1009,15 +1013,16 @@
             > a,
             .sidelinks > a {
                 background-color: rgba($darkModeControlsBackground, 0.3);
-                color: #eee;
+                color: #333538;
 
                 &:hover {
-                    background-color: rgba(darken($darkModeControlsBackground, 5), 0.5);
+                    background-color: rgba(darken($darkModeControlsBackground, 5), 0.4);
                 }
             }
 
             .thirdpartyLogo.githubLogo {
-                filter: invert(1);
+                // filter: invert(1);
+                opacity: 0.7;
             }
         }
     }

src/js/changelog.js

@@ -6,6 +6,7 @@ export const CHANGELOG = [
             "Reworked the tutorial to be simpler and more interactive",
             "General polishing",
             "Fix being unable to delete savegame when the savegame file was deleted externally",
+            "New sfx when unlocking upgrades",
             "Updated translations",
         ],
     },

src/js/game/hud/parts/interactive_tutorial.js

@@ -16,9 +16,9 @@ import { Vector } from "../../../core/vector";
 import { MetaMinerBuilding } from "../../buildings/miner";
 import { gMetaBuildingRegistry } from "../../../core/global_registries";
 import { MetaBeltBuilding } from "../../buildings/belt";
-import { BeltComponent } from "../../components/belt";
 import { MetaTrashBuilding } from "../../buildings/trash";
 import { SOUNDS } from "../../../platform/sound";
+import { THEME } from "../../theme";
 
 // @todo: Make dictionary
 const tutorialsByLevel = [
@@ -174,9 +174,15 @@ export class HUDInteractiveTutorial extends BaseHUDPart {
         this.elementGif = makeDiv(this.element, null, ["helperGif"]);
     }
 
+    cleanup() {
+        document.documentElement.setAttribute("data-tutorial-step", "");
+    }
+
     initialize() {
         this.domAttach = new DynamicDomAttach(this.root, this.element, { trackHover: true });
         this.currentHintId = new TrackedState(this.onHintChanged, this);
+
+        document.documentElement.setAttribute("data-tutorial-step", "");
     }
 
     onHintChanged(hintId) {
@@ -376,7 +382,7 @@ export class HUDInteractiveTutorial extends BaseHUDPart {
                         parameters.context.translate(-worldPos.x, -worldPos.y);
                     }
 
-                    parameters.context.fillStyle = "rgb(30, 40, 60)";
+                    parameters.context.fillStyle = THEME.map.tutorialDragText;
                     parameters.context.font = "15px GameFont";
 
                     if (staticComp.rotation === 0) {

src/js/game/hud/parts/waypoints.js

@@ -607,7 +607,8 @@ export class HUDWaypoints extends BaseHUDPart {
             // Render the background rectangle
             parameters.context.globalAlpha = this.currentMarkerOpacity * (isSelected ? 1 : 0.7);
             parameters.context.fillStyle = "rgba(255, 255, 255, 0.7)";
-            parameters.context.fillRect(bounds.x, bounds.y, bounds.w, bounds.h);
+            parameters.context.beginRoundedRect(bounds.x, bounds.y, bounds.w, bounds.h, 6);
+            parameters.context.fill();
 
             // Render the text
             if (waypointData.item) {

src/js/game/themes/dark.json

@@ -12,6 +12,8 @@
 
         "chunkBorders": "rgba(127, 190, 255, 0.04)",
 
+        "tutorialDragText": "rgb(74, 237, 134)",
+
         "directionLock": {
             "regular": {
                 "color": "rgb(74, 237, 134)",

src/js/game/themes/light.json

@@ -13,6 +13,8 @@
 
         "chunkBorders": "rgba(0, 30, 50, 0.03)",
 
+        "tutorialDragText": "rgb(30, 40, 60)",
+
         "directionLock": {
             "regular": {
                 "color": "rgb(74, 237, 134)",

src/js/platform/api.js

@@ -112,7 +112,10 @@ export class ClientAPI {
             return Promise.resolve({ token });
         }
 
-        return ipcRenderer.invoke("steam:get-ticket").then(
+        return Promise.race([
+            ipcRenderer.invoke("steam:get-ticket"),
+            new Promise((resolve, reject) => setTimeout(() => reject("timeout"), 15000)),
+        ]).then(
             ticket => {
                 logger.log("Got auth ticket:", ticket);
                 return this._request("/v1/public/login", {