2025-03-26

2025-03-26 11:00:21 +08:00
parent 927d7381b8
commit b45f4950d3
468 changed files with 54473 additions and 124 deletions
--- a/src/styles/theme/aside.ts
+++ b/src/styles/theme/aside.ts
@@ -0,0 +1,34 @@
+export type AsideThemeType = "light" | "inverted" | "dark";
+
+export const asideTheme: Record<AsideThemeType, { [key: string]: string }> = {
+    light: {
+        "--el-logo-text-color": "#303133",
+        "--el-menu-bg-color": "#ffffff",
+        "--el-menu-hover-bg-color": "#cccccc",
+        "--el-menu-active-bg-color": "var(--el-color-primary-light-9)",
+        "--el-menu-text-color": "#333333",
+        "--el-menu-active-color": "var(--el-color-primary)",
+        "--el-menu-hover-text-color": "#333333",
+        "--el-menu-horizontal-sub-item-height": "50px"
+    },
+    inverted: {
+        "--el-logo-text-color": "#dadada",
+        "--el-menu-bg-color": "#191a20",
+        "--el-menu-hover-bg-color": "#000000",
+        "--el-menu-active-bg-color": "#000000",
+        "--el-menu-text-color": "#bdbdc0",
+        "--el-menu-active-color": "#ffffff",
+        "--el-menu-hover-text-color": "#ffffff",
+        "--el-menu-horizontal-sub-item-height": "50px"
+    },
+    dark: {
+        "--el-logo-text-color": "#dadada",
+        "--el-menu-bg-color": "#141414",
+        "--el-menu-hover-bg-color": "#000000",
+        "--el-menu-active-bg-color": "#000000",
+        "--el-menu-text-color": "#bdbdc0",
+        "--el-menu-active-color": "#ffffff",
+        "--el-menu-hover-text-color": "#ffffff",
+        "--el-menu-horizontal-sub-item-height": "50px"
+    }
+};
--- a/src/styles/theme/element-dark.scss
+++ b/src/styles/theme/element-dark.scss
@@ -0,0 +1,37 @@
+/* 自定义 element 暗黑模式 */
+html.dark {
+    /* wangEditor */
+    --w-e-toolbar-color: #eeeeee;
+    --w-e-toolbar-bg-color: #141414;
+    --w-e-textarea-bg-color: #141414;
+    --w-e-textarea-color: #eeeeee;
+    --w-e-toolbar-border-color: var(--el-border-color-darker);
+
+    /* login */
+    .login-container {
+        background-color: #191919 !important;
+        .login-box {
+            background-color: rgb(0 0 0 / 80%) !important;
+            .login-form {
+                box-shadow: rgb(255 255 255 / 12%) 0 2px 10px 2px !important;
+                .logo-text {
+                    color: var(--el-text-color-primary) !important;
+                }
+            }
+        }
+    }
+
+    /* layout */
+    .el-container {
+        // columns layout
+        .aside-split {
+            background-color: var(--el-bg-color) !important;
+            .logo {
+                border-bottom: 1px solid var(--el-border-color-light) !important;
+            }
+        }
+        .el-header {
+            background-color: var(--el-bg-color) !important;
+        }
+    }
+}