色彩调整

Web/src/components/TransactionDetail.vue

@@ -80,7 +80,7 @@
                   </span>
                   <div class="suggestion-apply">应用</div>
                 </div>
-                <span v-else-if="!editForm.classify" style="color: #c8c9cc;">请选择交易分类</span>
+                <span v-else-if="!editForm.classify" style="color: var(--van-gray-5);">请选择交易分类</span>
                 <span v-else>{{ editForm.classify }}</span>
               </div>
             </template>
@@ -377,17 +377,18 @@ const handleCandidateSelect = (candidate) => {
   display: flex;
   align-items: center;
   padding: 6px 10px;
-  background: #ecf9ff;
-  color: #1989fa;
+  background: var(--van-active-color);
+  color: var(--van-primary-color);
   border-radius: 8px;
   cursor: pointer;
   transition: opacity 0.2s;
-  border: 1px solid rgba(25, 137, 250, 0.1);
+  border: 1px solid var(--van-primary-color);
   width: fit-content;
+  opacity: 0.1;
 }
 
 .suggestion-tip:active {
-  opacity: 0.7;
+  opacity: 0.2;
 }
 
 .suggestion-icon {
@@ -402,23 +403,12 @@ const handleCandidateSelect = (candidate) => {
 .suggestion-apply {
   margin-left: 8px;
   padding: 0 6px;
-  background: #1989fa;
-  color: #fff;
+  background: var(--van-primary-color);
+  color: var(--van-white);
   border-radius: 4px;
   font-size: 10px;
   height: 18px;
   line-height: 18px;
   font-weight: bold;
 }
-
-@media (prefers-color-scheme: dark) {
-  .suggestion-tip {
-    background: rgba(25, 137, 250, 0.15);
-    border-color: rgba(25, 137, 250, 0.2);
-    color: #58a6ff;
-  }
-  .suggestion-apply {
-    background: #58a6ff;
-  }
-}
 </style>