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

@@ -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;

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);

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)',