v1.5.2

src/css/ingame_hud/buildings_toolbar.scss

@@ -1,6 +1,6 @@
 .ingame_buildingsToolbar {
     position: absolute;
-    @include S(bottom, 5px);
+    @include S(bottom, 10px);
     left: 50%;
     transform: translateX(-50%);
 
@@ -22,10 +22,12 @@
         grid-auto-flow: column;
         justify-items: center;
         align-self: center;
+        grid-gap: D(2px);
         grid-row: 2 / 3;
 
-        background-color: rgba(240, 241, 243, 0.5);
         @include S(border-radius, $globalBorderRadius);
+        @include S(padding, 2px);
+        background-color: rgba($ingameHudBg, 0.07);
 
         @include DarkThemeOverride {
             background-color: rgba(darken($darkModeGameBackground, 15), 0.95);
@@ -51,6 +53,7 @@
             display: flex;
             @include S(width, 40px);
             position: relative;
+            overflow: hidden;
             @include S(height, 40px);
             .icon {
                 color: $accentColorDark;
@@ -63,7 +66,6 @@
                 height: 100%;
                 padding: 0;
                 margin: 0;
-                @include S(border-radius, $globalBorderRadius);
 
                 background: center center / 70% no-repeat;
             }
@@ -90,14 +92,20 @@
             }
 
             &.unlocked {
+                @include S(border-radius, $globalBorderRadius * 0.9);
+
                 .icon {
                     pointer-events: all;
-                    transition: all 50ms ease-in-out;
+                    transition: all 0.12s ease-in-out;
                     transition-property: background-color, transform;
                     cursor: pointer;
 
                     &:hover {
                         background-color: rgba(30, 40, 90, 0.1);
+
+                        @include DarkThemeOverride {
+                            background-color: rgba(255, 255, 255, 0.07);
+                        }
                     }
 
                     &.pressed {
@@ -107,7 +115,7 @@
                 &.selected {
                     // transform: scale(1.05);
                     background-color: rgba(lighten($colorBlueBright, 9), 0.4);
-                    @include S(border-radius, $globalBorderRadius);
+                    // @include S(border-radius, $globalBorderRadius);
 
                     .keybinding {
                         color: #111;

src/css/ingame_hud/dialogs.scss

@@ -84,6 +84,8 @@
         display: flex;
         flex-direction: column;
         @include S(padding, 12px);
+
+        box-shadow: 0 D(5px) D(15px) rgba(#000, 0.1);
         pointer-events: all;
 
         @include DarkThemeOverride {
@@ -94,6 +96,7 @@
             .optionParent {
                 display: grid;
                 @include S(grid-gap, 5px);
+                @include S(padding-right, 5px);
                 grid-template-columns: 1fr 1fr;
                 .option {
                     @include S(border-radius, $globalBorderRadius);

src/css/ingame_hud/shop.scss

@@ -131,7 +131,7 @@
 
                         @include DarkThemeInvert;
 
-                        $disabledOpacity: 0.2;
+                        $disabledOpacity: 0.6;
                         $enabledOpacity: 0.6;
 
                         &:hover {
@@ -157,6 +157,12 @@
 
                         &.pinned {
                             opacity: $disabledOpacity;
+
+                            & {
+                                /* @load-async */
+                                background: uiResource("icons/unpin_shape.png") center center / 75% no-repeat !important;
+                            }
+
                             @include InlineAnimation(0.3s ease-in-out) {
                                 0% {
                                     opacity: 1;