fix: 选择器和输入框适配暗黑模式

Author: lumozx

feature/src/assets/ant-reset.less

@@ -15,6 +15,8 @@
   --color-input-hover: #fff;
   // 边框
   --color-border-light: #f0f0f0;
+  // 输入框附带icon
+  --color-action-color: rgba(0, 0, 0, 0.25);;
 }
 
 .dark {
@@ -29,4 +31,6 @@
   --color-input-hover: #444d;
   // 边框
   --color-border-light: #444d;
+  // 输入框附带icon
+  --color-action-color: #ffffff4d;
 }

feature/src/views/settings/database.vue

@@ -304,8 +304,17 @@ const downloadPlugin = async (plugin) => {
   .ant-form-item-label>label {
     color: var(--color-text-content);
   }
-  .ant-modal-body{
-    background-color: var(--color-body-bg)
+  .ant-modal-body {
+    background-color: var(--color-body-bg);
+    .ant-input,
+    .ant-input-password,
+    .ant-select-selector {
+      background: var(--color-input-hover) !important;
+      color: var(--color-text-content);
+    }
+    .ant-input-password-icon, .ant-select-arrow {
+      color: var(--color-action-color);
+     }
   }
 }
 </style>

feature/src/views/settings/index.vue

@@ -512,6 +512,13 @@ const changeLanguage = (value) => {
             background: var(--color-list-hover);
           }
         }
+        .ant-select-selector {
+          background: var(--color-input-hover) !important;
+          color: var(--color-text-content);
+        }
+        .ant-input-password-icon, .ant-select-arrow {
+          color: var(--color-action-color);
+        }
       }
     }
   }