From 26abafa658ca8085363e92812ed42947e0ffe07a Mon Sep 17 00:00:00 2001
From: Debanjum Singh Solanky <debanjum@gmail.com>
Date: Wed, 21 Jun 2023 23:52:57 -0700
Subject: [PATCH] Highlight currently active tab in web interface for
 orientation

---
 src/khoj/interface/web/assets/khoj.css  | 3 +++
 src/khoj/interface/web/base_config.html | 3 +--
 src/khoj/interface/web/chat.html        | 2 +-
 src/khoj/interface/web/index.html       | 2 +-
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/khoj/interface/web/assets/khoj.css b/src/khoj/interface/web/assets/khoj.css
index 54b3c0f7..8ec85b10 100644
--- a/src/khoj/interface/web/assets/khoj.css
+++ b/src/khoj/interface/web/assets/khoj.css
@@ -64,6 +64,9 @@
 .khoj-nav a:hover {
     background-color: var(--primary-hover);
 }
+.khoj-nav-selected {
+    background-color: var(--primary);
+}
 img.khoj-logo {
     width: min(60vw, 150px);
     justify-self: center;
diff --git a/src/khoj/interface/web/base_config.html b/src/khoj/interface/web/base_config.html
index 91bae78e..af8db601 100644
--- a/src/khoj/interface/web/base_config.html
+++ b/src/khoj/interface/web/base_config.html
@@ -13,7 +13,7 @@
             <nav class="khoj-nav">
                 <a href="/chat">Chat</a>
                 <a href="/">Search</a>
-                <a href="/config">Settings</a>
+                <a class="khoj-nav-selected" href="/config">Settings</a>
             </nav>
         </div>
         <div class=”content”>
@@ -104,7 +104,6 @@
             text-align: right;
         }
         .primary-button {
-            background-color: var(--evening-sun);
             border: none;
             color: white;
             padding: 15px 32px;
diff --git a/src/khoj/interface/web/chat.html b/src/khoj/interface/web/chat.html
index af36c805..e998836e 100644
--- a/src/khoj/interface/web/chat.html
+++ b/src/khoj/interface/web/chat.html
@@ -108,7 +108,7 @@
         <div class="khoj-header">
             <img class="khoj-logo" src="/static/assets/icons/khoj-logo-sideways.svg" alt="Khoj"></img>
             <nav class="khoj-nav">
-                <a href="/chat">Chat</a>
+                <a class="khoj-nav-selected" href="/chat">Chat</a>
                 <a href="/">Search</a>
                 <a href="/config">Settings</a>
             </nav>
diff --git a/src/khoj/interface/web/index.html b/src/khoj/interface/web/index.html
index 1bca05f6..bf8889f7 100644
--- a/src/khoj/interface/web/index.html
+++ b/src/khoj/interface/web/index.html
@@ -194,7 +194,7 @@
             <img class="khoj-logo" src="/static/assets/icons/khoj-logo-sideways.svg" alt="Khoj"></img>
             <nav class="khoj-nav">
                 <a href="/chat">Chat</a>
-                <a href="/">Search</a>
+                <a class="khoj-nav-selected" href="/">Search</a>
                 <a href="/config">Settings</a>
             </nav>
         </div>