From 092e7afda2c7eb5b76c15b37cddb3d1640fdb59c Mon Sep 17 00:00:00 2001
From: Sean Hatfield <seanhatfield5@gmail.com>
Date: Wed, 14 May 2025 09:54:16 -0700
Subject: [PATCH] Update light mode designs for system prompt history (#3818)

* update light mode designs for system prompt history

* lint

---------

Co-authored-by: Timothy Carambat <rambat1010@gmail.com>
---
 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 76df646a..3a07acde 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 63f969c5..956bf403 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 98294046..fec041ba 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)',