From d87f3464fcde4bcf94642472d268d04429421492 Mon Sep 17 00:00:00 2001
From: jelveh <nj@puter.com>
Date: Tue, 21 Jul 2026 20:33:27 -0700
Subject: [PATCH] Support Cmd/Ctrl+click and adaptive bg color

Update the dashboard app tile click handler so Ctrl/Cmd+click opens apps in a new tab (matching the context menu behavior) while keeping existing target-link/app-name routing. Also switch the default body background to white and add a dark-mode media query to use a dark background color.
---
 src/gui/src/UI/Dashboard/TabApps.js | 10 ++++++++++
 src/gui/src/css/style.css           |  8 +++++++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/gui/src/UI/Dashboard/TabApps.js b/src/gui/src/UI/Dashboard/TabApps.js
index e2e193753..090dfe512 100644
--- a/src/gui/src/UI/Dashboard/TabApps.js
+++ b/src/gui/src/UI/Dashboard/TabApps.js
@@ -365,6 +365,16 @@ const TabApps = {
             }
             const appName = $(this).attr('data-app-name');
             const targetLink = $(this).attr('data-target-link');
+            // Ctrl/Cmd+click opens in a new browser tab, mirroring the
+            // context menu's "Open in new tab" item.
+            if ( e.ctrlKey || e.metaKey ) {
+                if ( targetLink && targetLink !== '' ) {
+                    window.open(targetLink, '_blank', 'noopener,noreferrer');
+                } else if ( appName ) {
+                    window.open(`/app/${encodeURIComponent(appName)}`, '_blank', 'noopener,noreferrer');
+                }
+                return;
+            }
             if ( targetLink && targetLink !== '' ) {
                 window.open(targetLink, '_blank', 'noopener,noreferrer');
             } else if ( appName ) {
diff --git a/src/gui/src/css/style.css b/src/gui/src/css/style.css
index 68cff0a16..e94e3366c 100644
--- a/src/gui/src/css/style.css
+++ b/src/gui/src/css/style.css
@@ -125,10 +125,16 @@ body {
     background: no-repeat center center fixed;
     background-position: center;
     background-size: cover;
-    background-color: #3d4c74;
+    background-color: #ffffff;
     overflow: hidden;
 }
 
+@media (prefers-color-scheme: dark) {
+    body {
+        background-color: #1e1e1e;
+    }
+}
+
 .embedded-in-3rd-party-website, .embedded-in-popup {
     background: none !important;
     background-color: #ccccccbe !important;