style(toolbox): 优化剧情翻译暗色模式

ba-archive · Oct 21, 2024 · 477ca47 · 477ca47
1 parent e1028ce
commit 477ca47
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/apps/ba-online-toolbox/src/tools/ScenarioEditor/components/IndexLine.vue b/apps/ba-online-toolbox/src/tools/ScenarioEditor/components/IndexLine.vue
@@ -3,7 +3,7 @@
     v-if="'' !== line.TextJp"
     style="cursor: pointer"
     ref="currentElement"
-    class="card bg-white @dark:bg-slate-800 border-solid border-gray-300 @dark:border-gray-700"
+    class="card bg-white @dark:bg-slate-800 border-solid border-1 border-gray-300 @dark:border-gray-700"
     :class="{ selected: index === config.selectLine, unsure: line.Unsure }"
   >
     <n-image v-if="false"></n-image>
@@ -139,7 +139,7 @@ div {
     &::before {
       display: inline-flex;
       color: #165dff;
-      background: rgba(32, 128, 240, 0.12);
+      background: #e8f3ff;
       padding: 1px 4px;
       margin-right: 6px;
       border-radius: 2px;
@@ -158,4 +158,15 @@ div {
     content: "文本";
   }
 }
+
+@media (prefers-color-scheme: dark) {
+  div {
+    :is(.type-title, .type-selection, .type-text) {
+      &::before {
+        color: #3c7eff;
+        background: #000d4d;
+      }
+    }
+  }
+}
 </style>