🐛 fix #212

feature/src/App.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="main-container">
+  <div :class="{'main-container': true, dark: darkMode}">
     <div class="slider-bar">
       <a-menu
         v-model:selectedKeys="active"
@@ -37,18 +37,24 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from "vue";
-import { useRouter } from "vue-router";
+import { ref } from 'vue';
+import { useRouter } from 'vue-router';
 import {
   HeartOutlined,
-  UserOutlined,
   AppstoreOutlined,
   SettingOutlined,
-  BugOutlined
-} from "@ant-design/icons-vue";
-import { useStore } from "vuex";
+  BugOutlined,
+} from '@ant-design/icons-vue';
+import { useStore } from 'vuex';
+
+const { remote } = window.require('electron');
+
+const { perf } = remote.getGlobal('OP_CONFIG').get();
+
+const darkMode = ref(perf.common.darkMode);
+
 const router = useRouter();
-const active = ref(["market"]);
+const active = ref(['market']);
 const changeMenu = (key: any) => {
   router.push(key);
 };
@@ -59,7 +65,7 @@ window.rubick.onPluginEnter(({ code }: { code: string }) => {
 });
 
 const store = useStore();
-const init = () => store.dispatch("init");
+const init = () => store.dispatch('init');
 init();
 </script>
 <style lang="less" scoped>

feature/src/assets/ant-reset.less

@@ -1,8 +1,3 @@
-@import "~ant-design-vue/dist/antd.less"; // 引入官方提供的 less 样式入口文件
-
-@primary-color: #ff4ea4; // 全局主色
-@error-color: #ff4ea4; // 错误色
-
 :root {
   --color-text-primary: rgba(0, 0, 0, 0.85);
   --color-text-content: #141414;

feature/src/views/settings/index.vue

@@ -427,12 +427,13 @@ const {shortCut, common, local, global} = toRefs(state);
           font-size: 14px;
           height: 24px;
           font-weight: lighter;
-          
+          background: var(--color-input-hover);
           .ant-input {
             text-align: center;
             color: var(--ant-primary-color);
             font-size: 14px;
             font-weight: lighter;
+            background: var(--color-input-hover);
           }
         }