From c1c8405fc6ae71983815b2c6f19126f9c0e4eb57 Mon Sep 17 00:00:00 2001
From: Martin Vladic <martin.vladic@gmail.com>
Date: Sat, 9 Nov 2024 18:23:27 +0100
Subject: [PATCH] dark mode fixes

---
 .../_images/eez_studio_logo_with_title_dark.png  | Bin 0 -> 8119 bytes
 packages/eez-studio-ui/_stylesheets/app.less     |   6 ++++--
 packages/eez-studio-ui/_stylesheets/vars.less    |   4 ++--
 packages/eez-studio-ui/about-box.tsx             |  11 +++++++++--
 packages/main/settings.ts                        |   6 +++++-
 packages/project-editor/ui-components/icons.tsx  |   2 +-
 6 files changed, 21 insertions(+), 8 deletions(-)
 create mode 100644 packages/eez-studio-ui/_images/eez_studio_logo_with_title_dark.png

diff --git a/packages/eez-studio-ui/_images/eez_studio_logo_with_title_dark.png b/packages/eez-studio-ui/_images/eez_studio_logo_with_title_dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..a9e01b2180c2db85003de94a22f15772ff8a15f7
GIT binary patch
literal 8119
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
ReQ5vy002ovPDHLkV1j+xvS9!K

literal 0
HcmV?d00001

diff --git a/packages/eez-studio-ui/_stylesheets/app.less b/packages/eez-studio-ui/_stylesheets/app.less
index 87f9a60e..2780dd37 100644
--- a/packages/eez-studio-ui/_stylesheets/app.less
+++ b/packages/eez-studio-ui/_stylesheets/app.less
@@ -476,8 +476,10 @@ input::placeholder {
 }
 
 button.EezStudio_Action {
-    &:active {
-        transform: translate(1px, 1px);
+    &:not(:disabled) {
+        &:active {
+            transform: translate(1px, 1px);
+        }
     }
 
     &:not(.btn-outline-success, .btn-outline-danger) {
diff --git a/packages/eez-studio-ui/_stylesheets/vars.less b/packages/eez-studio-ui/_stylesheets/vars.less
index 7cab9f73..4a7c338b 100644
--- a/packages/eez-studio-ui/_stylesheets/vars.less
+++ b/packages/eez-studio-ui/_stylesheets/vars.less
@@ -1,7 +1,7 @@
 @backgroundColor: var(--bs-body-bg);
 @textColor: var(--bs-body-color);
 @sectionBackgroundColor: #f0f0f0;
-@borderColor: #e0e0e0;
+@borderColor: #e2e2e2;
 @darkBorderColor: #c5c5c5;
 @panelHeaderColor: var(--bs-tertiary-bg);
 @selectionBackgroundColor: #337bb7;
@@ -93,7 +93,7 @@
 @componentShadow: 1px 1px 4px rgba(22, 33, 74, 0.2);
 @componentBodyShadow: none;
 
-@panelHeaderColorInsideFlexLayout: #e6eaed;
+@panelHeaderColorInsideFlexLayout: var(--bs-tertiary-bg);
 
 @formControlBorderColor: #ced4da;
 
diff --git a/packages/eez-studio-ui/about-box.tsx b/packages/eez-studio-ui/about-box.tsx
index 1ba08f7b..3a1861bc 100644
--- a/packages/eez-studio-ui/about-box.tsx
+++ b/packages/eez-studio-ui/about-box.tsx
@@ -7,6 +7,7 @@ import { showDialog, Dialog } from "eez-studio-ui/dialog";
 import { Loader } from "eez-studio-ui/loader";
 
 import { isArray } from "eez-studio-shared/util";
+import { settingsController } from "home/settings";
 
 const STUDIO_RELEASES_URL =
     "https://api.github.com/repos/eez-open/studio/releases";
@@ -177,7 +178,13 @@ const AboutBox = observer(
                 <Dialog cancelButtonText="Close">
                     <div className="EezStudio_AboutBox">
                         <div className="EezStudio_Logo">
-                            <img src="../eez-studio-ui/_images/eez_studio_logo_with_title.png"></img>
+                            <img
+                                src={
+                                    settingsController.isDarkTheme
+                                        ? "../eez-studio-ui/_images/eez_studio_logo_with_title_dark.png"
+                                        : "../eez-studio-ui/_images/eez_studio_logo_with_title.png"
+                                }
+                            ></img>
                         </div>
 
                         <div className="EezStudio_Version">
@@ -204,7 +211,7 @@ const AboutBox = observer(
                         {this.versionInfo}
 
                         <button
-                            className="EezStudio_CheckForUpdate btn btn-sm btn-light"
+                            className="EezStudio_CheckForUpdate btn btn-sm btn-secondary"
                             onClick={this.checkForUpdates}
                             disabled={this.checkingForUpdates}
                         >
diff --git a/packages/main/settings.ts b/packages/main/settings.ts
index 60488164..96a6631f 100644
--- a/packages/main/settings.ts
+++ b/packages/main/settings.ts
@@ -1,5 +1,5 @@
 import fs from "fs";
-import { app, screen, ipcMain, BrowserWindow } from "electron";
+import { app, screen, ipcMain, BrowserWindow, nativeTheme } from "electron";
 import {
     observable,
     action,
@@ -113,6 +113,10 @@ class Settings {
                 window.webContents.send("mru-changed", mru)
             );
         });
+
+        autorun(() => {
+            nativeTheme.themeSource = this.isDarkTheme ? "dark" : "light";
+        });
     }
 
     async readSettings(settingsJs: Partial<Settings>) {
diff --git a/packages/project-editor/ui-components/icons.tsx b/packages/project-editor/ui-components/icons.tsx
index 88860085..0c9ea774 100644
--- a/packages/project-editor/ui-components/icons.tsx
+++ b/packages/project-editor/ui-components/icons.tsx
@@ -2256,7 +2256,7 @@ export const ACTIVE_FLOWS_PANEL_ICON = (
 );
 
 export const BREAKPOINTS_PANEL_ICON = (
-    <svg viewBox="0 0 24 24">
+    <svg viewBox="0 0 24 24" fill="currentColor">
         <circle cx="12" cy="12" r="8" />
     </svg>
 );