From 051660dff99ee5c6cd035e959df7272c7bc76a92 Mon Sep 17 00:00:00 2001
From: Ejaaz Khan <ejaaz@frappe.io>
Date: Mon, 1 Dec 2025 11:38:42 +0530
Subject: [PATCH] refactor: change the design of desktop search

---
 frappe/desk/page/desktop/desktop.css  | 13 ++++++------
 frappe/desk/page/desktop/desktop.html | 30 ++++++++++++++-------------
 frappe/desk/page/desktop/desktop.py   |  4 ++++
 3 files changed, 26 insertions(+), 21 deletions(-)

diff --git a/frappe/desk/page/desktop/desktop.css b/frappe/desk/page/desktop/desktop.css
index 3ab4ff3c04..2e5df23fc3 100644
--- a/frappe/desk/page/desktop/desktop.css
+++ b/frappe/desk/page/desktop/desktop.css
@@ -32,23 +32,22 @@
 
 .desktop-search-wrapper{
     flex: 1;
-    max-width: 396px;
     position: relative;
 }
 
-#navbar-modal-search{
-    padding-left: 32px;
+.desktop-search-wrapper span {
+    color: var(--text-light);
 }
-.desktop-search-icon{
-    position: absolute;
-    left: 10px;
-    top: 4px;
+
+#navbar-modal-search{
+    background-color: var(--control-bg);
 }
 #brand-logo{
     width: auto;
 }
 .desktop-search-icon > .icon {
     stroke-width: 1px;
+    margin-bottom: 2px;
 }
 
 .desktop-container{
diff --git a/frappe/desk/page/desktop/desktop.html b/frappe/desk/page/desktop/desktop.html
index 99033d9819..e2e541447c 100644
--- a/frappe/desk/page/desktop/desktop.html
+++ b/frappe/desk/page/desktop/desktop.html
@@ -8,21 +8,23 @@
                 alt="{{ _("App Logo") |e }}"
             >
         </div>
-        <div class="flex">
-            <div class="desktop-search-wrapper input-group search-bar text-muted ">
-                <button
-                    id="navbar-modal-search"
-                    class="btn-reset"
-                    title="Search"
-                >
-                    <span class="desktop-search-icon">
-                        <svg class="icon icon-sm"><use href="#icon-search"></use></svg>
-                    </span>
-                </button>
-            </div>
-            <div class="desktop-avatar" style="margin-left: -10px;">
+        <div class="desktop-search-wrapper input-group search-bar">
+            <button
+                id="navbar-modal-search"
+                class="btn-reset flex justify-between"
+                title="Search"
+            >
+                <span class="desktop-search-icon">
+                    <svg class="icon icon-sm"><use href="#icon-search"></use></svg>
+                    Search
+                </span>
+                <span>
+                    {{ "⌘ K" if is_mac else "Ctrl K" }}
+                </span>
+            </button>
+        </div>
+        <div class="desktop-avatar" style="margin-left: -10px;">
 
-            </div>
         </div>
     </header>
     <div class="desktop-container">
diff --git a/frappe/desk/page/desktop/desktop.py b/frappe/desk/page/desktop/desktop.py
index b73f1bfa37..702bfdbcd0 100644
--- a/frappe/desk/page/desktop/desktop.py
+++ b/frappe/desk/page/desktop/desktop.py
@@ -1,3 +1,5 @@
+import sys
+
 import frappe
 from frappe.desk.doctype.desktop_icon.desktop_icon import get_desktop_icons
 
@@ -13,4 +15,6 @@ def get_context(context):
 	context.brand_logo = brand_logo
 	context.desktop_icons = get_desktop_icons()
 	context.current_user = frappe.session.user
+	# check if system is mac or not
+	context.is_mac = sys.platform == "darwin"
 	return context