save

src/components/Input.vue

@@ -13,7 +13,7 @@ let focus = $ref(false)
 let inputEl = $ref<HTMLDivElement>()
 
 useWindowClick((e: PointerEvent) => {
-  if (!e)return
+  if (!e) return
   focus = inputEl.contains(e.target as any);
 })
 
@@ -45,11 +45,11 @@ useWindowClick((e: PointerEvent) => {
   display: flex;
   align-items: center;
   transition: all .3s;
-  background: white;
+  background: var(--color-input-bg);
 
   :deep(svg) {
     transition: all .3s;
-    color: var(--color-main-bg);
+    color: var(--color-input-icon);
   }
 
   &.focus {
@@ -69,6 +69,7 @@ useWindowClick((e: PointerEvent) => {
     box-sizing: border-box;
     outline: none;
     border: none;
+    background: transparent;
 
     &[readonly] {
       cursor: not-allowed;

src/components/article/EditBatchArticleModal.vue

@@ -288,8 +288,8 @@ function saveAndNext(val: Article) {
   width: 100%;
   height: 100%;
   box-sizing: border-box;
-  color: black;
-  background: var(--color-main-bg);
+  color: var(--color-font-1);
+  background: var(--color-second-bg);
   display: flex;
 
   .close {

src/components/list/ChapterList.vue

@@ -41,9 +41,11 @@ function showWordListModal(index: number, item: Word[]) {
       <div class="flex gap10">
         <input type="radio" :checked="activeIndex === index">
         <template v-if="isArticle">
-          <div class="title"
-               @click.stop="emitter.emit(EventKey.openArticleListModal,item)"
-          >{{ index + 1 }}.&nbsp;&nbsp;&nbsp;{{ item.title }}
+          <div
+              @click.stop="emitter.emit(EventKey.openArticleListModal,item)"
+          >
+            <div class="title">{{ index + 1 }}.&nbsp;&nbsp;&nbsp;{{ item.title }}</div>
+            <div class="item-sub-title" v-if="item.titleTranslate"> {{ item.titleTranslate }}</div>
           </div>
         </template>
         <template v-else>