From a1eef4daa6741856bb0ecaaaeffbce755dbbe7c8 Mon Sep 17 00:00:00 2001
From: Liuweiqing <121866954+14790897@users.noreply.github.com>
Date: Mon, 22 Jan 2024 09:27:09 +0800
Subject: [PATCH] style: Adjust button styles for better accessibility

---
 components/QuillEditor.tsx   |   6 +-
 components/ReferenceList.tsx | 112 +++++++++++++++++------------------
 2 files changed, 59 insertions(+), 59 deletions(-)

diff --git a/components/QuillEditor.tsx b/components/QuillEditor.tsx
index f89eaa4..b59a8a1 100644
--- a/components/QuillEditor.tsx
+++ b/components/QuillEditor.tsx
@@ -242,7 +242,7 @@ const QEditor = () => {
         />
         <button
           onClick={handleAIWrite}
-          className="bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-4 mr-2 rounded"
+          className="bg-gray-300 hover:bg-gray-400 text-black font-bold py-2 px-4 mr-2 rounded"
         >
           AI Write
         </button>
@@ -254,7 +254,7 @@ const QEditor = () => {
         </button> */}
         <button
           onClick={() => paper2AI(userInput)}
-          className="bg-red-500 hover:bg-red-700 text-black font-bold py-2 px-4 mr-2 rounded"
+          className="bg-yellow-500 hover:bg-yellow-600 text-white font-bold py-2 px-4 mr-2 rounded"
         >
           Paper2AI
         </button>
@@ -280,7 +280,7 @@ const QEditor = () => {
 
         <button
           onClick={() => formatTextInEditor(quill)} // 假设 updateIndex 是处理更新操作的函数
-          className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
+          className="bg-gray-300 hover:bg-gray-400 text-black font-bold py-2 px-4 rounded"
         >
           更新索引
         </button>
diff --git a/components/ReferenceList.tsx b/components/ReferenceList.tsx
index d6e0cdf..25061fe 100644
--- a/components/ReferenceList.tsx
+++ b/components/ReferenceList.tsx
@@ -122,14 +122,14 @@ function ReferenceList({
         <div className="container mx-auto p-4">
           <div className="flex justify-between items-center mb-4">
             <button
-              className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded "
+              className="bg-gray-300 hover:bg-gray-400 text-black font-bold py-2 px-4 rounded "
               type="submit"
             >
               添加自定义引用
             </button>
 
             <button
-              className="bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-4 rounded "
+              className="bg-gray-300 hover:bg-gray-400 text-black font-bold py-2 px-4 rounded "
               type="button"
               onClick={() =>
                 copyToClipboard(formatAllReferencesForCopy(references))
@@ -149,43 +149,43 @@ function ReferenceList({
       </form>
       {/* 引用列表显示区域 */}
       <ul>
-      {references &&
-        references.map(
-          (reference, index) =>
-            reference && (
-              <li key={index} className="mb-3 p-2 border-b">
-                {/* 显示序号 */}
-                <span className="font-bold mr-2">[{index + 1}].</span>
-                {reference.author}. {reference.title}.{" "}
-                {/* 判断 journal 字段是否存在 */}
-                {reference.journal && reference.journal.name ? (
-                  <span>
-                    {reference.journal.name}[J],{reference.year},
-                    {reference.journal.volume
-                      ? ` ${reference.journal.volume}`
-                      : ""}
-                    {reference.journal.pages
-                      ? `: ${reference.journal.pages}`
-                      : ""}
-                    .
-                  </span>
-                ) : (
-                  <span>
-                    {reference.venue}, {reference.year}.
-                  </span>
-                )}
-                {reference.url && (
-                  <a
-                    href={reference.url}
-                    className="text-blue-500 hover:underline"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    {" "}
-                    ({reference.url})
-                  </a>
-                )}
-                {/* <button
+        {references &&
+          references.map(
+            (reference, index) =>
+              reference && (
+                <li key={index} className="mb-3 p-2 border-b">
+                  {/* 显示序号 */}
+                  <span className="font-bold mr-2">[{index + 1}].</span>
+                  {reference.author}. {reference.title}.{" "}
+                  {/* 判断 journal 字段是否存在 */}
+                  {reference.journal && reference.journal.name ? (
+                    <span>
+                      {reference.journal.name}[J],{reference.year},
+                      {reference.journal.volume
+                        ? ` ${reference.journal.volume}`
+                        : ""}
+                      {reference.journal.pages
+                        ? `: ${reference.journal.pages}`
+                        : ""}
+                      .
+                    </span>
+                  ) : (
+                    <span>
+                      {reference.venue}, {reference.year}.
+                    </span>
+                  )}
+                  {reference.url && (
+                    <a
+                      href={reference.url}
+                      className="text-blue-500 hover:underline"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                    >
+                      {" "}
+                      ({reference.url})
+                    </a>
+                  )}
+                  {/* <button
                   className="bg-gray-500 hover:bg-gray-700 text-white font-bold py-1 px-2 ml-2 rounded"
                   onClick={() => moveReferenceUp(index)}
                 >
@@ -197,23 +197,23 @@ function ReferenceList({
                 >
                   ↓
                 </button> */}
-                <button
-                  className="bg-gray-500 hover:bg-gray-700 text-white font-bold py-1 px-2 ml-2 rounded"
-                  onClick={() =>
-                    copyToClipboard(formatReferenceForCopy(reference))
-                  }
-                >
-                  复制
-                </button>
-                <button
-                  className="text-red-500 hover:text-red-700 ml-4"
-                  onClick={() => removeReferenceUpdateIndex(index)}
-                >
-                  X
-                </button>
-              </li>
-            )
-        )}
+                  <button
+                    className="bg-gray-500 hover:bg-gray-700 text-white font-bold py-1 px-2 ml-2 rounded"
+                    onClick={() =>
+                      copyToClipboard(formatReferenceForCopy(reference))
+                    }
+                  >
+                    复制
+                  </button>
+                  <button
+                    className="text-red-500 hover:text-red-700 ml-4"
+                    onClick={() => removeReferenceUpdateIndex(index)}
+                  >
+                    X
+                  </button>
+                </li>
+              )
+          )}
       </ul>
     </div>
   );