feat: 暗黑模式样式

src/styles/elementui.scss

@@ -331,8 +331,8 @@ div .el-input__inner {
   color: var(--color-neutral-1);
   font-size: var(--font-size-3);
 }
-input.el-input__inner::placeholder {
-  color: var(--color-neutral-3);
+.el-input__inner::placeholder {
+  color: #6c6f75;
   font-size: var(--font-size-3);
 }
 div .el-select__placeholder.is-transparent {
@@ -347,7 +347,7 @@ div.el-input__wrapper {
 }
 div.el-input div.el-input__wrapper.is-focus {
   box-shadow: 0 0 0 1px var(--color-theme) inset;
-  background-color: #ffffff !important;
+  background-color: var(--el-input-focus) !important;
 }
 div.el-input__wrapper:hover {
   box-shadow: 0 0 0 1px var(--color-theme) inset;
@@ -712,6 +712,6 @@ div .el-month-table td .el-date-table-cell__text {
   color: var(--color-neutral-1);
 }
 div .el-month-table td.today .el-date-table-cell__text {
-  color: var(--color-neutral-1) ; 
-  font-weight: 400 ;
-}
+  color: var(--color-neutral-1);
+  font-weight: 400;
+}

src/styles/theme.scss

@@ -136,6 +136,8 @@
   --tag-info-text-color: #2b2f36;
 
   --dashboard-text-color: #646a73;
+
+  --el-input-focus: #fff;
 }
 
 :root.dark {
@@ -148,9 +150,19 @@
   --color-border: #3f434a;
   --color-header-bg: #3f434a;
 
+  // 菜单选中背景
+  --color-mune-active-bg: #553d2b;
+
   // ElementUI
   // 整体背景颜色
   --el-bg-color: #2b2f36;
   // 按钮边框颜色
   --color-accent-13: #656f7d;
+  --el-border: #656f7d;
+  .el-input {
+    --el-input-border: #656f7d;
+  }
+
+  --color-table-header-bg: #34383f;
+  --el-input-focus: #2b2f36;
 }