From 504d938488c474abc6e0b5e92132019fc7efb0c1 Mon Sep 17 00:00:00 2001
From: Tianzhou Chen <t@bytebase.com>
Date: Sun, 21 May 2023 01:50:49 +0800
Subject: [PATCH] chore: misc dark mode fix

---
 src/components/OpenAIApiConfigView.tsx | 6 +++---
 src/components/QuotaView.tsx           | 2 +-
 src/pages/setting/index.tsx            | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/OpenAIApiConfigView.tsx b/src/components/OpenAIApiConfigView.tsx
index a70ae9a..b45fac7 100644
--- a/src/components/OpenAIApiConfigView.tsx
+++ b/src/components/OpenAIApiConfigView.tsx
@@ -74,7 +74,7 @@ const OpenAIApiConfigView = () => {
     <>
       <div className="w-full border border-gray-200 dark:border-zinc-700 p-4 rounded-lg">
         <div>
-          <label className="text-base font-semibold text-gray-900">{t("setting.openai-api-configuration.model")}</label>
+          <label className="text-base font-semibold ">{t("setting.openai-api-configuration.model")}</label>
           <p className="text-sm text-gray-500">{t("setting.openai-api-configuration.model-description")}</p>
           <fieldset className="mt-4">
             <div className="space-y-4 sm:flex sm:items-center sm:space-x-10 sm:space-y-0">
@@ -91,7 +91,7 @@ const OpenAIApiConfigView = () => {
           </fieldset>
         </div>
         <div className="flex flex-col mt-4">
-          <label className="text-base font-semibold text-gray-900">OpenAI API Key</label>
+          <label className="text-base font-semibold">OpenAI API Key</label>
           <p className="text-sm text-gray-500">{t("setting.openai-api-configuration.key-description")}</p>
           <TextField
             className="mt-4"
@@ -101,7 +101,7 @@ const OpenAIApiConfigView = () => {
           />
         </div>
         <div className="flex flex-col mt-4">
-          <label className="text-base font-semibold text-gray-900">OpenAI API Endpoint</label>
+          <label className="text-base font-semibold">OpenAI API Endpoint</label>
           <p className="text-sm text-gray-500">{t("setting.openai-api-configuration.endpoint-description")}</p>
           <TextField
             className="mt-4"
diff --git a/src/components/QuotaView.tsx b/src/components/QuotaView.tsx
index 25bf409..abd7a20 100644
--- a/src/components/QuotaView.tsx
+++ b/src/components/QuotaView.tsx
@@ -58,7 +58,7 @@ const QuotaView = (props: Props) => {
       </div>
       <div className="flex justify-between pt-1">
         <div>{t("common.quota")}</div>
-        <div className={quota.current >= quota.limit ? "text-red-600" : "text-black"}>
+        <div className={quota.current >= quota.limit ? "text-red-600" : "text-black dark:text-gray-300"}>
           {quota.current}/{quota.limit}
         </div>
       </div>
diff --git a/src/pages/setting/index.tsx b/src/pages/setting/index.tsx
index 2efb8ce..2c0621e 100644
--- a/src/pages/setting/index.tsx
+++ b/src/pages/setting/index.tsx
@@ -174,7 +174,7 @@ const SettingPage: NextPage = () => {
 
         <main className="lg:pl-72">
           {router.query.session_id && <StripeCheckPaymentBanner sessionId={router.query.session_id as string} />}
-          <div className="px-4 sm:px-6 lg:px-8">
+          <div className="px-4 sm:px-6 lg:px-8 dark:bg-zinc-800">
             <SettingView />
           </div>
         </main>