🎨 fit reset pages

feature/src/App.vue

@@ -68,7 +68,7 @@ const store = useStore();
 const init = () => store.dispatch("init");
 init();
 </script>
-<style lang="less">
+<style lang="less" scoped>
 * {
   margin: 0;
   padding: 0;
@@ -77,11 +77,20 @@ init();
 .main-container {
   display: flex;
   align-items: flex-start;
-  background: #f2efef;
+  background: var(--color-body-bg);
   flex-direction: column;
 
   .slider-bar {
     width: 100%;
+    .ant-menu {
+      background: var(--color-body-bg);
+      border-color: var(--color-border-light);
+      :deep(.ant-menu-item) {
+        &:not(.ant-menu-item-selected) {
+          color: var(--color-text-primary);
+        }
+      }
+    }
   }
 }
 </style>

feature/src/views/account/index.vue

@@ -10,12 +10,18 @@ export default {
 };
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
 .account {
   box-sizing: border-box;
   width: 100%;
   overflow-x: hidden;
-  background: #f3efef;
+  background: var(--color-body-bg);
   height: calc(~"100vh - 46px");
+  :deep(.ant-result-title) {
+    color: var(--color-text-primary);
+  }
+  :deep(.ant-result-subtitle) {
+    color: var(--color-text-desc);
+  }
 }
 </style>

feature/src/views/settings/localhost.vue

@@ -44,7 +44,7 @@ let _rev: any;
 let defaultConfig = {
   register: "https://registry.npm.taobao.org",
   database: "https://gitcode.net/rubickcenter/rubick-database/-/raw/master",
-  access_token: "",
+  access_token: ""
 };
 
 try {
@@ -59,25 +59,25 @@ const formState = ref(JSON.parse(JSON.stringify(defaultConfig)));
 
 const rules = {
   register: [{ required: true, trigger: "change" }],
-  database: [{ required: true, trigger: "change" }],
+  database: [{ required: true, trigger: "change" }]
 };
 const layout = {
   labelCol: { span: 6 },
-  wrapperCol: { span: 18 },
+  wrapperCol: { span: 18 }
 };
 
 const resetForm = () => {
   formState.value = {
     register: "https://registry.npm.taobao.org",
     database: "https://gitcode.net/rubickcenter/rubick-database/-/raw/master",
-    access_token: "",
+    access_token: ""
   };
 };
 
 const submit = () => {
   const changeData: any = {
     _id: "rubick-localhost-config",
-    data: toRaw(formState.value),
+    data: toRaw(formState.value)
   };
 
   if (_rev) {
@@ -88,3 +88,13 @@ const submit = () => {
   message.success("设置成功！重启插件市场后生效！");
 };
 </script>
+
+<style lang="less" scoped>
+:deep(label) {
+  color: var(--color-text-content);
+}
+:deep(.ant-input) {
+  background: var(--color-input-hover);
+  color: var(--color-text-content);
+}
+</style>