From d445705e7de50989fd4542e16197675f6fe90610 Mon Sep 17 00:00:00 2001
From: shatfield4 <seanhatfield5@gmail.com>
Date: Tue, 13 May 2025 18:51:52 -0700
Subject: [PATCH 1/2] update light mode designs for system prompt history

---
 frontend/src/index.css                                      | 3 ++-
 .../ChatPromptHistory/PromptHistoryItem/index.jsx           | 6 +++---
 frontend/tailwind.config.js                                 | 1 +
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/src/index.css b/frontend/src/index.css
index 76df646a871..d7b1aaca176 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -23,6 +23,7 @@
   --theme-sidebar-subitem-default: rgba(255, 255, 255, 0.05);
   --theme-sidebar-subitem-selected: rgba(255, 255, 255, 0.05);
   --theme-sidebar-thread-selected: rgba(255, 255, 255, 0.05);
+  --theme-popup-menu-bg: #000000;
 
   --theme-sidebar-subitem-hover: rgba(255, 255, 255, 0.05);
   --theme-sidebar-border: rgba(255, 255, 255, 0.1);
@@ -88,11 +89,11 @@
 
 [data-theme="light"] {
   --theme-loader: #000000;
-
   --theme-bg-primary: #ffffff;
   --theme-bg-secondary: #ffffff;
   --theme-bg-sidebar: #edf2fa;
   --theme-bg-container: #f9fbfd;
+  --theme-popup-menu-bg: #C2E7FE;
 
   --theme-bg-chat: #ffffff;
   --theme-bg-chat-input: #eaeaea;
diff --git a/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatPromptSettings/ChatPromptHistory/PromptHistoryItem/index.jsx b/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatPromptSettings/ChatPromptHistory/PromptHistoryItem/index.jsx
index 63f969c56dd..956bf40336b 100644
--- a/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatPromptSettings/ChatPromptHistory/PromptHistoryItem/index.jsx
+++ b/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatPromptSettings/ChatPromptHistory/PromptHistoryItem/index.jsx
@@ -58,7 +58,7 @@ export default function PromptHistoryItem({
               <span className="mx-1 text-white">•</span>
             </>
           )}
-          <span className="text-theme-home-text-secondary">
+          <span className="text-white opacity-50 light:opacity-100">
             {moment(modifiedAt).fromNow()}
           </span>
         </div>
@@ -82,11 +82,11 @@ export default function PromptHistoryItem({
             {showMenu && (
               <div
                 ref={menuRef}
-                className="absolute right-0 top-6 bg-black light:bg-white rounded-lg z-50"
+                className="absolute right-0 top-6 bg-theme-bg-popup-menu rounded-lg z-50"
               >
                 <button
                   type="button"
-                  className="px-[10px] py-[6px] text-theme-text-secondary hover:bg-theme-hover cursor-pointer border-none"
+                  className="px-[10px] py-[6px] text-sm text-white hover:bg-theme-hover cursor-pointer border-none"
                   onClick={() => {
                     setShowMenu(false);
                     deleteHistory(id);
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index 98294046a83..fec041ba3d8 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -56,6 +56,7 @@ export default {
             container: 'var(--theme-bg-container)',
             chat: 'var(--theme-bg-chat)',
             "chat-input": 'var(--theme-bg-chat-input)',
+            "popup-menu": 'var(--theme-popup-menu-bg)',
           },
           text: {
             primary: 'var(--theme-text-primary)',

From 5a5563a79aba1cad6e51d74722a57b7ff1a07827 Mon Sep 17 00:00:00 2001
From: shatfield4 <seanhatfield5@gmail.com>
Date: Tue, 13 May 2025 18:53:18 -0700
Subject: [PATCH 2/2] lint

---
 frontend/src/index.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/index.css b/frontend/src/index.css
index d7b1aaca176..3a07acde0e3 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -93,7 +93,7 @@
   --theme-bg-secondary: #ffffff;
   --theme-bg-sidebar: #edf2fa;
   --theme-bg-container: #f9fbfd;
-  --theme-popup-menu-bg: #C2E7FE;
+  --theme-popup-menu-bg: #c2e7fe;
 
   --theme-bg-chat: #ffffff;
   --theme-bg-chat-input: #eaeaea;