save

src/App.vue

@@ -33,7 +33,6 @@ watch(settingStore.$state, (n) => {
 
 //检测几个特定词典
 watch(store.collect.originWords, (n) => {
-  console.log('watch(store.collect.originWords', n)
   store.collect.words = cloneDeep(n)
   store.collect.chapterWords = [store.collect.words]
 })

src/assets/css/style.scss

@@ -35,6 +35,9 @@
   --space: 20rem;
   --panel-margin-left: calc(50% - var(--practice-wrapper-padding-right) / 2 + var(--toolbar-width) / 2 + 24rem);
   --anim-time: 0.5s;
+
+  --color-input-bg: white;
+  --color-input-icon: #d3d4d7;
 }
 
 html.dark {
@@ -63,6 +66,9 @@ html.dark {
   --color-scrollbar: rgb(59, 87, 138);
   --color-scrollbar: rgb(77, 78, 81);
   --color-scrollbar: rgb(92, 93, 94);
+
+  --color-input-bg: rgba(14, 18, 23, 1);
+  --color-input-icon: #383737;
 }
 
 @media (max-width: 1680px) {

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>