first commit

resources/admin/styles/theme/dark.scss

@@ -0,0 +1,36 @@
+@import 'element-plus/theme-chalk/dark/css-vars.css';
+
+html.dark {
+  background-color: #161d31;
+  // 侧边栏背景色
+  --sider-bg-color: #283046;
+  // header logo 文字颜色
+  --header-logo-text-color: #ffffff;
+  // 侧边栏菜单的文字颜色
+  --sider-menu-text-color: #ffffff;
+  // sub menu bg color
+  --sider-sub-menu-bg-color: #161d31;
+  // 侧边栏子菜单 hover 的颜色
+  --sider-sub-menu-hover-bg-color: #343d55;
+  // 激活文字颜色
+  --sider-ment-active-text-color: var(--el-color-primary);
+  // 激活时背景色
+  --side-active-menu-bg-color: rgba(255, 255, 255, 0.08);
+
+  /* 自定义深色背景颜色 */
+  --el-bg-color: var(--sider-sub-menu-hover-bg-color);
+
+  --el-fill-color-blank: var(--sider-bg-color);
+
+  --el-bg-color-overlay: var(--sider-bg-color);
+
+  --header-bg-color: var(--sider-bg-color);
+
+  // border color
+  --el-border-color-lighter: #3b4253;
+
+  --el-fill-color-light: #161d31;
+
+  // side sub menu margin
+  --sider-sub-menu-bg-margin: 0px 0.05rem;
+}

resources/admin/styles/theme/index.scss

@@ -0,0 +1,3 @@
+@import "light";
+
+@import "dark";

resources/admin/styles/theme/light.scss

@@ -0,0 +1,25 @@
+html {
+  background-color: rgb(241, 245, 249);
+  // 侧边颜色
+  --sider-bg-color: #ffffff;
+  // header logo 背景颜色
+  --header-logo-bg-color: var(--sider-bg-color);
+  // 侧边栏菜单的文字颜色
+  --sider-menu-text-color: #625f6e;
+  // sub menu bg color
+  --sider-sub-menu-bg-color: #ffffff;
+  // 侧边栏子菜单 hover 的颜色
+  --sider-sub-menu-hover-bg-color: #f6f6f6;
+  // 菜单激活时文字的颜色
+  --sider-ment-active-text-color: var(--el-color-primary);
+  // 激活菜单背景
+  --side-active-menu-bg-color: rgba(36, 153, 239, 0.06);
+  // header logo 文字颜色
+  --header-logo-text-color: #625f6e;
+  // header bg color
+  --header-bg-color: #ffffff;
+  // 侧边栏菜单的背景色
+  --sider-menu-bg-color: var(--sider-bg-color);
+
+  --el-table-tr-bg-color: black;
+}