Minor fixes for dark mode

src/css/common.scss

@@ -40,7 +40,7 @@ html {
     background: #dee1ea;
 
     @include DarkThemeOverride {
-        background: #5c606c;
+        background: $darkModeGameBackground;
     }
 }
 

src/css/ingame_hud/dialogs.scss

@@ -21,15 +21,17 @@
         }
     }
 
+    $darkModeDialogBg: darken($darkModeGameBackground, 10);
+
     @include DarkThemeOverride {
-        background: rgba(#33363d, 0.9);
+        background: rgba($darkModeDialogBg, 0.9);
         @include InlineAnimation(0.12s ease-in-out) {
             0% {
                 background-color: transparent;
                 opacity: 0.5;
             }
             100% {
-                background-color: rgba(#33363d, 0.9);
+                background-color: rgba($darkModeDialogBg, 0.9);
             }
         }
 

src/css/main.scss

@@ -112,6 +112,6 @@ body.modalDialogActive,
 body.externalAdOpen,
 body.ingameDialogOpen {
     > *:not(.ingameDialog):not(.modalDialogParent):not(.loadingDialog):not(.gameLoadingOverlay):not(#ingame_HUD_ModalDialogs):not(.noBlur) {
-        filter: blur(5px) !important;
+        // filter: blur(5px) !important;
     }
 }

src/css/states/settings.scss

@@ -92,11 +92,11 @@
     @include DarkThemeOverride {
         .content {
             .setting {
-                background: #424345;
+                background: darken($darkModeGameBackground, 10);
 
                 .value.enum {
                     // dirty but works
-                    filter: invert(0.8);
+                    filter: invert(0.85);
                     color: #222;
                 }
 
@@ -104,7 +104,7 @@
                     background-color: #74767b;
 
                     &.checked {
-                        background-color: #605b7d;
+                        background-color: $colorBlueBright;
                     }
                 }
             }

src/css/textual_game_state.scss

@@ -65,7 +65,7 @@
     @include DarkThemeOverride {
         .headerBar {
             h1 {
-                color: #cfceca;
+                color: #e2e0db;
             }
 
             .backButton {
@@ -74,7 +74,7 @@
         }
 
         > .container > .content {
-            background: #4b4c50;
+            background: darken($darkModeGameBackground, 3);
             color: #eee;
         }
     }

src/css/variables.scss

@@ -38,6 +38,8 @@ $ingameHudBg: rgba(#333438, 0.9);
 
 $text3dColor: #f4ffff;
 
+$darkModeGameBackground: #5c606c;
+
 // Dialog properties
 $modalDialogBg: rgba(160, 165, 180, 0.8);
 $dialogBgColor: lighten($mainBgColor, 10);

src/js/changelog.js

@@ -9,10 +9,12 @@ export const CHANGELOG = [
             "Automatically deselect area when selecting a new building",
             "Raise markers limit from 14 characters to 71 (by Joker-vD)",
             "Optimize performance by caching miner items (by Phlosioneer)",
+            "Apply dark theme to menu as well (by dengr1065)",
             "Fix belt planner not placing the last belt",
             "Fix buildings getting deleted when right clicking while placing a blueprint",
             "Fix for exporting screenshots for huge bases (It was showing an empty file) (by xSparfuchs)",
             "Fix buttons not responding when using right click directly after left click (by davidburhans)",
+            "Disable dialog background blur since it can cause performance issues",
             "Added simplified chinese translations",
             "Update translations (Thanks to all translators!)",
         ],