From dbd88c9a623f7546c16913f690b2ec90562ffc89 Mon Sep 17 00:00:00 2001
From: WilcoSp <wilcosp@hotmail.nl>
Date: Sat, 19 Sep 2026 16:31:05 +0200
Subject: [PATCH 1/3] added button to open npmx in new tab

---
 app/components/LogoContextMenu.vue | 17 +++++++++++++++--
 i18n/locales/en.json               |  3 ++-
 i18n/locales/nl.json               |  3 ++-
 i18n/schema.json                   |  3 +++
 4 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/app/components/LogoContextMenu.vue b/app/components/LogoContextMenu.vue
index 873c8d322d..c1a169931b 100644
--- a/app/components/LogoContextMenu.vue
+++ b/app/components/LogoContextMenu.vue
@@ -71,6 +71,10 @@ function goToBrand() {
   navigateTo({ name: 'brand' })
 }
 
+function openNewTab() {
+  window.open('/', '_blank')
+}
+
 onClickOutside(menuRef, close)
 
 onKeyStroke('Escape', () => {
@@ -103,7 +107,7 @@ onKeyStroke('Escape', () => {
           <ButtonBase
             role="menuitem"
             size="sm"
-            class="text-start gap-x-2 border-none !px-3 !py-1.5"
+            class="text-start gap-x-2 border-none !px-3 !py-1.5 hover:text-accent"
             :classicon="copied ? 'i-lucide:check text-badge-green' : 'i-lucide:copy'"
             @click="copySvg"
           >
@@ -112,12 +116,21 @@ onKeyStroke('Escape', () => {
           <ButtonBase
             role="menuitem"
             size="sm"
-            class="text-start gap-x-2 border-none !px-3 !py-1.5"
+            class="text-start gap-x-2 border-none !px-3 !py-1.5 hover:text-accent"
             classicon="i-lucide:palette"
             @click="goToBrand"
           >
             {{ $t('logo_menu.browse_brand') }}
           </ButtonBase>
+          <ButtonBase
+            role="menuitem"
+            size="sm"
+            class="text-start gap-x-2 border-none !px-3 !py-1.5 hover:text-accent"
+            classicon="i-lucide:external-link"
+            @click="openNewTab"
+          >
+            {{ $t('logo_menu.open_new_tab') }}
+          </ButtonBase>
         </div>
       </Transition>
     </Teleport>
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 5999c1cce4..2c82a96dbf 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -1865,7 +1865,8 @@
   "logo_menu": {
     "copy_svg": "Copy logo as SVG",
     "copied": "Copied!",
-    "browse_brand": "Browse brand kit"
+    "browse_brand": "Browse brand kit",
+    "open_new_tab": "Open npmx in new tab"
   },
   "brand": {
     "title": "Brand",
diff --git a/i18n/locales/nl.json b/i18n/locales/nl.json
index 0252910cea..1a8474bc94 100644
--- a/i18n/locales/nl.json
+++ b/i18n/locales/nl.json
@@ -1808,7 +1808,8 @@
   "logo_menu": {
     "copy_svg": "Kopieer logo als SVG",
     "copied": "Gekopieerd!",
-    "browse_brand": "Bekijk brand kit"
+    "browse_brand": "Bekijk brand kit",
+    "open_new_tab": "Open npmx in nieuw tabblad"
   },
   "brand": {
     "title": "Merk",
diff --git a/i18n/schema.json b/i18n/schema.json
index 9c5964cf44..0f43c09528 100644
--- a/i18n/schema.json
+++ b/i18n/schema.json
@@ -5601,6 +5601,9 @@
         },
         "browse_brand": {
           "type": "string"
+        },
+        "open_new_tab": {
+          "type": "string"
         }
       },
       "additionalProperties": false

From fb607e1302e8620732ad782c685c09797b6c0db9 Mon Sep 17 00:00:00 2001
From: WilcoSp <wilcosp@hotmail.nl>
Date: Sat, 19 Sep 2026 16:36:43 +0200
Subject: [PATCH 2/3] added accent color when focus

---
 app/components/LogoContextMenu.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/LogoContextMenu.vue b/app/components/LogoContextMenu.vue
index c1a169931b..1cd4879a81 100644
--- a/app/components/LogoContextMenu.vue
+++ b/app/components/LogoContextMenu.vue
@@ -107,7 +107,7 @@ onKeyStroke('Escape', () => {
           <ButtonBase
             role="menuitem"
             size="sm"
-            class="text-start gap-x-2 border-none !px-3 !py-1.5 hover:text-accent"
+            class="text-start gap-x-2 border-none !px-3 !py-1.5 hover:text-accent focus:text-accent"
             :classicon="copied ? 'i-lucide:check text-badge-green' : 'i-lucide:copy'"
             @click="copySvg"
           >
@@ -116,7 +116,7 @@ onKeyStroke('Escape', () => {
           <ButtonBase
             role="menuitem"
             size="sm"
-            class="text-start gap-x-2 border-none !px-3 !py-1.5 hover:text-accent"
+            class="text-start gap-x-2 border-none !px-3 !py-1.5 hover:text-accent focus:text-accent"
             classicon="i-lucide:palette"
             @click="goToBrand"
           >
@@ -125,7 +125,7 @@ onKeyStroke('Escape', () => {
           <ButtonBase
             role="menuitem"
             size="sm"
-            class="text-start gap-x-2 border-none !px-3 !py-1.5 hover:text-accent"
+            class="text-start gap-x-2 border-none !px-3 !py-1.5 hover:text-accent focus:text-accent"
             classicon="i-lucide:external-link"
             @click="openNewTab"
           >

From ee884792e238f51d4b3633c4314662d72cc8f740 Mon Sep 17 00:00:00 2001
From: WilcoSp <wilcosp@hotmail.nl>
Date: Sat, 19 Sep 2026 16:52:38 +0200
Subject: [PATCH 3/3] close()

---
 app/components/LogoContextMenu.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/app/components/LogoContextMenu.vue b/app/components/LogoContextMenu.vue
index 1cd4879a81..c659342e77 100644
--- a/app/components/LogoContextMenu.vue
+++ b/app/components/LogoContextMenu.vue
@@ -72,6 +72,7 @@ function goToBrand() {
 }
 
 function openNewTab() {
+  close()
   window.open('/', '_blank')
 }