diff --git a/components.d.ts b/components.d.ts
index c6b2e978..68992d6f 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -23,6 +23,9 @@ declare module 'vue' {
     EditArticle: typeof import('./src/components/Article/EditArticle.vue')['default']
     EditBatchArticleModal: typeof import('./src/components/Article/EditBatchArticleModal.vue')['default']
     EditSingleArticleModal: typeof import('./src/components/Article/EditSingleArticleModal.vue')['default']
+    ElButton: typeof import('element-plus/es')['ElButton']
+    ElForm: typeof import('element-plus/es')['ElForm']
+    ElFormItem: typeof import('element-plus/es')['ElFormItem']
     ElInput: typeof import('element-plus/es')['ElInput']
     ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
     ElOption: typeof import('element-plus/es')['ElOption']
diff --git a/src/assets/css/style.scss b/src/assets/css/style.scss
index a002b501..248a8a71 100644
--- a/src/assets/css/style.scss
+++ b/src/assets/css/style.scss
@@ -40,14 +40,12 @@ html.dark {
   --color-main-bg: rgba(14, 18, 23, 1);
   //--color-main-bg: rgba(30,31,34, 1);
   --color-second-bg: rgb(43,45,48);
+  --color-second-bg: rgb(30,31,34);
 
-  --color-item-bg: rgb(51, 51, 51);
-  --color-item-hover: #5e5e5e;
+  --color-item-bg: rgb(43,45,48);
   --color-item-hover: rgb(67,69,74);
-  //--color-item-active: rgb(75, 110, 175);
-  //--color-item-active: rgb(103, 103, 103);
-  --color-item-active: rgb(67,69,74);
-  --color-item-border: rgb(73, 73, 73);
+  --color-item-active: rgb(84,84,84);
+  --color-item-border: rgb(41, 41, 41);
 
   --color-header-bg: rgb(51, 51, 51);
   --color-tooltip-bg: #252525;