From bb9ba505640333c375996d0d7ccae3ff4de91825 Mon Sep 17 00:00:00 2001
From: Alan Garny <agarny@hellix.com>
Date: Fri, 26 Jun 2026 12:44:04 +1200
Subject: [PATCH 1/4] File menu: renamed `Save...` to `Save`.

---
 src/renderer/src/components/MainMenu.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/renderer/src/components/MainMenu.vue b/src/renderer/src/components/MainMenu.vue
index 4fc0bbb..714ff4a 100644
--- a/src/renderer/src/components/MainMenu.vue
+++ b/src/renderer/src/components/MainMenu.vue
@@ -169,7 +169,7 @@ const menuItems = [
                 visible: fileOperationsAvailable
             },
             {
-                label: 'Save...',
+                label: 'Save',
                 shortcut: isWindowsOrLinux ? 'Ctrl+S' : isMacOs ? '⌘S' : undefined,
                 command: () => {
                     emit('file-action', 'save')

From b3b2042ff71dd8e82ee881285916948b0b86598b Mon Sep 17 00:00:00 2001
From: Alan Garny <agarny@hellix.com>
Date: Fri, 26 Jun 2026 13:52:31 +1200
Subject: [PATCH 2/4] Light/dark mode: fixed an issue when starting in dark
 mode.

When starting in dark mode, the toggle button was showing light mode instead of dark mode.
---
 src/renderer/src/components/EditorApp.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/renderer/src/components/EditorApp.vue b/src/renderer/src/components/EditorApp.vue
index 2a457c5..114bba0 100644
--- a/src/renderer/src/components/EditorApp.vue
+++ b/src/renderer/src/components/EditorApp.vue
@@ -238,7 +238,7 @@ const activeInstanceUid = vueCommon.activeInstanceUid()
 
 const editorTheme = vue.ref<Theme|undefined>(props.theme)
 
-const darkMode = vue.ref<boolean>(props.theme === 'dark')
+const darkMode = vue.ref<boolean>(vueCommon.useTheme().useDarkMode())
 
 function onDarkMode() {
     if (darkMode.value) {

From f3c3724fadc8ee3e38127039acd799e1b63722d3 Mon Sep 17 00:00:00 2001
From: Alan Garny <agarny@hellix.com>
Date: Fri, 26 Jun 2026 14:55:51 +1200
Subject: [PATCH 3/4] Renamed the `Help` | `About the Editor` menu to `About
 CellDL Editor`.

---
 src/main/MainMenu.ts                     | 2 +-
 src/renderer/src/components/MainMenu.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/main/MainMenu.ts b/src/main/MainMenu.ts
index f12a97e..365f7fb 100644
--- a/src/main/MainMenu.ts
+++ b/src/main/MainMenu.ts
@@ -43,7 +43,7 @@ export function enableDisableMainMenu(enable: boolean): electron.Menu | null {
         }
 
         const aboutEditorMenuItem: electron.MenuItemConstructorOptions = {
-            label: 'About the Editor',
+            label: 'About CellDL Editor',
             click: () => {
                 application.currentWindow?.send('about')
             }
diff --git a/src/renderer/src/components/MainMenu.vue b/src/renderer/src/components/MainMenu.vue
index 714ff4a..738b037 100644
--- a/src/renderer/src/components/MainMenu.vue
+++ b/src/renderer/src/components/MainMenu.vue
@@ -279,7 +279,7 @@ WIP ***/
             },
             { separator: true },
             {
-                label: 'About the Editor',
+                label: 'About CellDL Editor',
                 command: () => {
                     emit('about')
                 }

From 9fc1fab5cf398aaaea4fae7c6aaf410d34944c45 Mon Sep 17 00:00:00 2001
From: Alan Garny <agarny@hellix.com>
Date: Fri, 26 Jun 2026 15:27:32 +1200
Subject: [PATCH 4/4] Improved the About dialog.

---
 .../src/components/dialogs/AboutDialog.vue    | 22 ++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/renderer/src/components/dialogs/AboutDialog.vue b/src/renderer/src/components/dialogs/AboutDialog.vue
index 5925b33..ee2068e 100644
--- a/src/renderer/src/components/dialogs/AboutDialog.vue
+++ b/src/renderer/src/components/dialogs/AboutDialog.vue
@@ -1,16 +1,28 @@
 <template lang="pug">
-    Dialog(
+    Dialog.w-139(header=" "
+        v-model:visible="visibleModel"
         :modal="true"
         appendTo="self"
+        :dismissableMask="true"
         :pt:mask:style="{ position: 'absolute' }"
     )
-        div(class="text-2xl font-bold") CellDL Editor
-        div.text-xs Copyright (c) 2022 - 2026 David Brooks
-        div.text Version {{ currentVersion }}
+      .space-y-7
+        .text-center
+          .text-3xl.font-bold CellDL Editor {{ currentVersion }}
+        .space-y-2
+          div
+            | #[a(href="https://github.com/CellDL/CellDLEditor", target="_blank", rel="noopener") CellDL Editor] is an editor that can be used to create #[a(href="https://en.wikipedia.org/wiki/SVG", target="_blank", rel="noopener") SVG]-based #[a(href="https://en.wikipedia.org/wiki/Bond_graph", target="_blank", rel="noopener") bond graph] diagrams and generate #[a(href="https://cellml.org/", target="_blank", rel="noopener") CellML] files from them.
+          .space-y-0
+      template(v-slot:footer)
+        Button(label="OK", autofocus, @click="$emit('close')")
 </template>
 
 <script setup lang="ts">
 import { currentVersion } from '../../common/version.ts'
 
-defineEmits<(event: 'close') => void>()
+const visibleModel = defineModel('visible', { type: Boolean })
+
+function close() {
+    visibleModel.value = false
+}
 </script>