From 209173ef5c1994b983ee70b06bed2fb1c29af22a Mon Sep 17 00:00:00 2001
From: Jing Hua <tohjinghua123@gmail.com>
Date: Wed, 15 Mar 2023 22:09:44 +0800
Subject: [PATCH] style: chat config title

Fixes #63
---
 src/components/Chat/ChatContent/ChatTitle.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/Chat/ChatContent/ChatTitle.tsx b/src/components/Chat/ChatContent/ChatTitle.tsx
index 0a8409a..2cdb3fa 100644
--- a/src/components/Chat/ChatContent/ChatTitle.tsx
+++ b/src/components/Chat/ChatContent/ChatTitle.tsx
@@ -43,24 +43,24 @@ const ChatTitle = React.memo(() => {
   return config ? (
     <>
       <div
-        className='flex gap-x-4 gap-y-1 flex-wrap w-full items-center justify-center border-b border-black/10 bg-gray-50 p-3 text-gray-500 dark:border-gray-900/50 dark:bg-gray-700 dark:text-gray-300 cursor-pointer'
+        className='flex gap-x-4 gap-y-1 flex-wrap w-full items-center justify-center border-b border-black/10 bg-gray-50 p-3 dark:border-gray-900/50 dark:bg-gray-700 text-gray-600 dark:text-gray-300 cursor-pointer'
         onClick={() => {
           setIsModalOpen(true);
         }}
       >
-        <div className='text-center p-1 rounded-md bg-gray-900/10 hover:bg-gray-900/50'>
+        <div className='text-center p-1 rounded-md bg-gray-300/20 dark:bg-gray-900/10 hover:bg-gray-300/50 dark:hover:bg-gray-900/50'>
           {t('model')}: {t('default')}
         </div>
-        <div className='text-center p-1 rounded-md bg-gray-900/10 hover:bg-gray-900/50'>
+        <div className='text-center p-1 rounded-md bg-gray-300/20 dark:bg-gray-900/10 hover:bg-gray-300/50 dark:hover:bg-gray-900/50'>
           {t('temperature.label')}: {config.temperature}
         </div>
-        <div className='text-center p-1 rounded-md bg-gray-900/10 hover:bg-gray-900/50'>
+        <div className='text-center p-1 rounded-md bg-gray-300/20 dark:bg-gray-900/10 hover:bg-gray-300/50 dark:hover:bg-gray-900/50'>
           {t('topP.label')}: {config.top_p}
         </div>
-        <div className='text-center p-1 rounded-md bg-gray-900/10 hover:bg-gray-900/50'>
+        <div className='text-center p-1 rounded-md bg-gray-300/20 dark:bg-gray-900/10 hover:bg-gray-300/50 dark:hover:bg-gray-900/50'>
           {t('presencePenalty.label')}: {config.presence_penalty}
         </div>
-        <div className='text-center p-1 rounded-md bg-gray-900/10 hover:bg-gray-900/50'>
+        <div className='text-center p-1 rounded-md bg-gray-300/20 dark:bg-gray-900/10 hover:bg-gray-300/50 dark:hover:bg-gray-900/50'>
           {t('frequencyPenalty.label')}: {config.frequency_penalty}
         </div>
       </div>