From 51367f1ae53206b293392d8bb19cd2229796eafb Mon Sep 17 00:00:00 2001
From: "xiaoqi.cxq" <xiaoqi.cxq@gmail.com>
Date: Tue, 9 Aug 2022 09:21:30 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/FindReplace.vue | 32 ++++++++++++++++++++++++++++----
 1 file changed, 28 insertions(+), 4 deletions(-)

diff --git a/src/components/FindReplace.vue b/src/components/FindReplace.vue
index 760f9e71..608af36c 100644
--- a/src/components/FindReplace.vue
+++ b/src/components/FindReplace.vue
@@ -14,8 +14,8 @@
           <button class="find-replace__button find-replace__button--find-option button" :class="{'find-replace__button--on': findUseRegexp}" @click="findUseRegexp = !findUseRegexp" title="Regular expression">.<sup>⁕</sup></button>
         </div>
         <div class="flex flex--row">
-          <button class="find-replace__button button" @click="find('backward')">Previous</button>
-          <button class="find-replace__button button" @click="find('forward')">Next</button>
+          <button class="find-replace__button button" @click="find('backward')">上一个</button>
+          <button class="find-replace__button button" @click="find('forward')">下一个</button>
         </div>
       </div>
     </div>
@@ -24,8 +24,8 @@
         <input type="text" class="find-replace__text-input find-replace__text-input--replace text-input" @keydown.enter="replace" v-model="replaceText">
       </div>
       <div class="find-replace__row flex flex--row flex--end">
-        <button class="find-replace__button button" @click="replace">Replace</button>
-        <button class="find-replace__button button" @click="replaceAll">All</button>
+        <button class="find-replace__button button" @click="replace">替换</button>
+        <button class="find-replace__button button" @click="replaceAll">全部替换</button>
       </div>
     </div>
   </div>
@@ -307,20 +307,36 @@ export default {
   color: rgba(0, 0, 0, 0.25);
   text-transform: none;
 
+  .app--dark & {
+    color: rgba(255, 255, 255, 0.25);
+  }
+
   &:active,
   &:focus,
   &:hover {
     color: rgba(0, 0, 0, 0.25);
+
+    .app--dark & {
+      color: rgba(255, 255, 255, 0.25);
+    }
   }
 }
 
 .find-replace__button--on {
   color: rgba(0, 0, 0, 0.67);
 
+  .app--dark & {
+    color: rgba(255, 255, 255, 0.67);
+  }
+
   &:active,
   &:focus,
   &:hover {
     color: rgba(0, 0, 0, 0.67);
+
+    .app--dark & {
+      color: rgba(255, 255, 255, 0.67);
+    }
   }
 }
 
@@ -343,10 +359,18 @@ export default {
   padding: 2px;
   color: rgba(0, 0, 0, 0.5);
 
+  .app--dark & {
+    color: rgba(255, 255, 255, 0.5);
+  }
+
   &:active,
   &:focus,
   &:hover {
     color: rgba(0, 0, 0, 0.75);
+
+    .app--dark & {
+      color: rgba(255, 255, 255, 0.75);
+    }
   }
 }