From b04fbb7dbc461aa87ffa6254d7cb69cea23f0556 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=88=E6=B2=85?= <907037276@qq.com> Date: Tue, 29 Sep 2026 18:41:49 +0800 Subject: [PATCH] =?UTF-8?q?=E7=AE=A1=E7=90=86=E7=AB=AFadmin-theme=E6=9A=97?= =?UTF-8?q?=E8=89=B2=E4=B8=BB=E9=A2=98=E6=95=B4=E4=BD=93=E8=BD=AC=E6=B5=85?= =?UTF-8?q?=E8=89=B2=EF=BC=9A=E7=BC=96=E8=BE=91=E5=AD=A6=E6=A0=A1/?= =?UTF-8?q?=E6=95=99=E5=B8=88=E7=AD=89=E5=BC=B9=E7=AA=97=E8=A1=A8=E5=8D=95?= =?UTF-8?q?=E8=BE=93=E5=85=A5=E6=A1=86=E3=80=81=E4=B8=8B=E6=8B=89=E3=80=81?= =?UTF-8?q?=E7=8A=B6=E6=80=81=E5=BA=95=E8=89=B2=E5=AF=B9=E9=BD=90=E7=B3=BB?= =?UTF-8?q?=E7=BB=9F=E6=B5=85=E8=89=B2=E9=A3=8E=E6=A0=BC(=E6=A0=B9?= =?UTF-8?q?=E6=BA=90=E4=BF=AE=E5=A4=8D=E5=A4=9A=E9=A1=B5=E9=9D=A2=E5=BC=B9?= =?UTF-8?q?=E7=AA=97=E6=9A=97=E8=89=B2=E8=BE=93=E5=85=A5=E6=A1=86=E9=97=AE?= =?UTF-8?q?=E9=A2=98)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/schoolAdmin/admin-theme.scss | 142 ++++++++++++------------- 1 file changed, 71 insertions(+), 71 deletions(-) diff --git a/src/views/schoolAdmin/admin-theme.scss b/src/views/schoolAdmin/admin-theme.scss index 9dbec46..3f405c2 100644 --- a/src/views/schoolAdmin/admin-theme.scss +++ b/src/views/schoolAdmin/admin-theme.scss @@ -47,7 +47,7 @@ min-height: calc(100vh - 84px - 40px); padding: 24px; box-sizing: border-box; - color: #eef5ff; + color: #1f2937; } .admin-hero { @@ -57,7 +57,7 @@ padding: 22px 24px; border: 1px solid rgba(0, 180, 255, 0.32); border-radius: 24px; - background: rgba(8, 18, 28, 0.72); + background: #f9fafb; box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.04); backdrop-filter: blur(14px); } @@ -68,7 +68,7 @@ inset: 0; pointer-events: none; background: - linear-gradient(90deg, rgba(0, 170, 255, 0.16), transparent 38%), + linear-gradient(90deg, #e5e7eb, transparent 38%), repeating-linear-gradient(90deg, rgba(125, 211, 252, 0.08) 0 1px, transparent 1px 64px); opacity: 0.42; } @@ -81,9 +81,9 @@ gap: 8px; margin-bottom: 10px; padding: 5px 14px; - border: 1px solid rgba(0, 170, 255, 0.55); + border: 1px solid #2563eb; border-radius: 999px; - color: #b9e2ff; + color: #4b5563; background: rgba(0, 170, 255, 0.15); font-family: var(--admin-font-base); font-size: var(--admin-fs-caption); @@ -100,7 +100,7 @@ font-weight: var(--admin-fw-bolder); letter-spacing: 0; color: transparent; - background: linear-gradient(135deg, #ffffff, #8bcbff); + background: linear-gradient(135deg, #ffffff, #2563eb); -webkit-background-clip: text; background-clip: text; } @@ -109,7 +109,7 @@ position: relative; z-index: 1; margin-top: 8px; - color: #9ab3d0; + color: #6b7280; font-family: var(--admin-font-base); font-size: var(--admin-fs-body); line-height: var(--admin-lh-relaxed); @@ -119,7 +119,7 @@ padding: 18px; border: 1px solid rgba(0, 180, 255, 0.26); border-radius: 24px; - background: rgba(8, 18, 28, 0.7); + background: #f9fafb; box-shadow: 0 12px 34px rgba(0, 0, 0, 0.24); backdrop-filter: blur(12px); } @@ -130,7 +130,7 @@ font-size: var(--admin-fs-h2); font-weight: var(--admin-fw-bold); line-height: var(--admin-lh-normal); - color: #eef5ff; + color: #1f2937; } /* 面板副标题 */ @@ -139,7 +139,7 @@ font-size: var(--admin-fs-body); font-weight: var(--admin-fw-normal); line-height: var(--admin-lh-relaxed); - color: #9ab3d0; + color: #6b7280; } .school-admin-workbench .toolbar { @@ -150,7 +150,7 @@ justify-content: space-between; margin-bottom: 14px; padding: 14px 16px; - border: 1px solid rgba(45, 143, 207, 0.36); + border: 1px solid #e5e7eb; border-radius: 18px; background: rgba(0, 35, 55, 0.44); } @@ -189,12 +189,12 @@ ============================================= */ .school-admin-workbench .toolbar .el-button[type="primary"].toolbar-btn, .school-admin-workbench .toolbar .el-button[type="primary"] { - background: linear-gradient(135deg, #0a2540 0%, #0a3d62 50%, #0c5280 100%); + background: linear-gradient(135deg, #ffffff 0%, #eff6ff 50%, #dbeafe 100%); border: 1px solid rgba(0, 170, 255, 0.5); color: #ffffff; box-shadow: - 0 0 20px rgba(0, 140, 220, 0.2), - inset 0 0 30px rgba(0, 170, 255, 0.05); + 0 0 20px rgba(37, 99, 235, 0.2), + inset 0 0 30px #f9fafb; } .school-admin-workbench .toolbar .el-button[type="primary"].toolbar-btn::before { @@ -225,11 +225,11 @@ } .school-admin-workbench .toolbar .el-button[type="primary"].toolbar-btn:hover { - background: linear-gradient(135deg, #0a3d62 0%, #0c5280 50%, #0e6ba0 100%); + background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 50%, #bfdbfe 100%); border-color: rgba(0, 200, 255, 0.7); box-shadow: 0 0 30px rgba(0, 180, 255, 0.35), - 0 0 60px rgba(0, 140, 220, 0.15), + 0 0 60px rgba(37, 99, 235, 0.15), inset 0 0 20px rgba(0, 200, 255, 0.1); transform: translateY(-2px); } @@ -250,9 +250,9 @@ ============================================= */ .school-admin-workbench .toolbar .el-button:not([type="primary"]):not([type="success"]).toolbar-btn, .school-admin-workbench .toolbar .el-button:not([type="primary"]):not([type="success"]) { - background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #1a1a3a 100%); + background: linear-gradient(135deg, #f9fafb 0%, #f9fafb 50%, #f9fafb 100%); border: 1px solid rgba(150, 100, 255, 0.4); - color: #c4b5fd; + color: #7c3aed; backdrop-filter: blur(10px); } @@ -263,18 +263,18 @@ border-radius: 12px; background: linear-gradient(135deg, rgba(150, 100, 255, 0.1) 0%, transparent 50%), - linear-gradient(225deg, rgba(150, 100, 255, 0.08) 0%, transparent 50%); + linear-gradient(225deg, rgba(139, 92, 246, 0.08) 0%, transparent 50%); pointer-events: none; } .school-admin-workbench .toolbar .el-button:not([type="primary"]):not([type="success"]).toolbar-btn:hover { - background: linear-gradient(135deg, #1f1f4a 0%, #1a1a3e 50%, #2a1a4a 100%); + background: linear-gradient(135deg, #f5f3ff 0%, #f9fafb 50%, #f5f3ff 100%); border-color: rgba(180, 130, 255, 0.6); - color: #ddd6fe; + color: #7c3aed; box-shadow: 0 0 20px rgba(150, 100, 255, 0.25), 0 4px 15px rgba(0, 0, 0, 0.3), - inset 0 0 15px rgba(150, 100, 255, 0.08); + inset 0 0 15px rgba(139, 92, 246, 0.08); transform: translateY(-2px); } @@ -295,11 +295,11 @@ ============================================= */ .school-admin-workbench .toolbar .el-button[type="success"].toolbar-btn, .school-admin-workbench .toolbar .el-button[type="success"] { - background: linear-gradient(135deg, #0a2f1f 0%, #0d4a2d 50%, #0f5a35 100%); + background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 50%, #bbf7d0 100%); border: 1px solid rgba(0, 220, 130, 0.5); color: #ffffff; box-shadow: - 0 0 20px rgba(0, 200, 100, 0.2), + 0 0 20px rgba(43, 164, 113, 0.15), inset 0 0 25px rgba(0, 220, 130, 0.05); } @@ -310,7 +310,7 @@ left: 50%; width: 0; height: 0; - background: radial-gradient(circle, rgba(0, 220, 130, 0.4) 0%, transparent 70%); + background: radial-gradient(circle, rgba(43, 164, 113, 0.4) 0%, transparent 70%); border-radius: 50%; transform: translate(-50%, -50%); transition: width 0.4s ease, height 0.4s ease; @@ -326,7 +326,7 @@ position: absolute; inset: -2px; border-radius: 14px; - background: linear-gradient(135deg, rgba(0, 220, 130, 0.3), transparent, rgba(0, 200, 100, 0.2)); + background: linear-gradient(135deg, rgba(0, 220, 130, 0.3), transparent, rgba(43, 164, 113, 0.15)); z-index: -1; opacity: 0; transition: opacity 0.3s ease; @@ -337,12 +337,12 @@ } .school-admin-workbench .toolbar .el-button[type="success"].toolbar-btn:hover { - background: linear-gradient(135deg, #0d4a2d 0%, #0f5a35 50%, #12a050 100%); + background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 50%, #2ba471 100%); border-color: rgba(0, 240, 150, 0.7); color: #ffffff; box-shadow: - 0 0 35px rgba(0, 220, 130, 0.4), - 0 0 70px rgba(0, 200, 100, 0.2), + 0 0 35px rgba(43, 164, 113, 0.4), + 0 0 70px rgba(43, 164, 113, 0.15), inset 0 0 25px rgba(0, 220, 130, 0.12); transform: translateY(-2px); } @@ -398,7 +398,7 @@ gap: 4px; padding: 2px 8px; font-size: var(--admin-fs-body-sm); - color: #80d7ff; + color: #2563eb; } .school-admin-workbench .action-btn svg { @@ -406,7 +406,7 @@ } .school-admin-workbench .action-btn.el-button--danger { - color: #ff8d8d; + color: #ef4444; } /* link 按钮带图标样式 */ @@ -435,7 +435,7 @@ } .school-admin-workbench .el-button.is-text:hover { - background: rgba(0, 170, 255, 0.1) !important; + background: #eff6ff !important; } .school-admin-workbench .el-button.is-text+.el-button.is-text { @@ -444,19 +444,19 @@ /* text 按钮的文字颜色 */ .school-admin-workbench .el-button.is-text[type="primary"] { - color: #80d7ff; + color: #2563eb; } .school-admin-workbench .el-button.is-text[type="primary"]:hover { - color: #a0e4ff; + color: #2563eb; } .school-admin-workbench .el-button.is-text[type="danger"] { - color: #ff8d8d; + color: #ef4444; } .school-admin-workbench .el-button.is-text[type="danger"]:hover { - color: #ffaaaa; + color: #fca5a5; } .school-admin-workbench .filter-input { @@ -465,21 +465,21 @@ .school-admin-workbench .el-input__wrapper, .school-admin-workbench .el-select .el-input__wrapper { - background: rgba(3, 24, 36, 0.9); - border: 1px solid rgba(45, 95, 126, 0.9); + background: #ffffff; + border: 1px solid #d1d5db; box-shadow: none; font-family: var(--admin-font-base); font-size: var(--admin-fs-body); } .school-admin-workbench .el-input__inner { - color: #eef5ff; + color: #1f2937; font-family: var(--admin-font-base); font-size: var(--admin-fs-body); } .school-admin-workbench .el-input__inner::placeholder { - color: #5f7d9c; + color: #9ca3af; font-family: var(--admin-font-base); font-size: var(--admin-fs-body-sm); } @@ -493,37 +493,37 @@ .school-admin-workbench .el-button--primary, .school-admin-workbench .el-button--success { - border-color: rgba(0, 170, 255, 0.55); - background: linear-gradient(95deg, #1175a8, #0a5c86); - box-shadow: 0 0 14px rgba(0, 170, 255, 0.16); + border-color: #2563eb; + background: linear-gradient(95deg, #2563eb, #1d4ed8); + box-shadow: 0 0 14px #e5e7eb; } .school-admin-workbench .el-table { overflow: hidden; border-radius: 18px; - border-color: rgba(45, 143, 207, 0.32); + border-color: #e5e7eb; background: rgba(3, 24, 36, 0.72); - color: #dceeff; + color: #374151; font-family: var(--admin-font-base); font-size: var(--admin-fs-body); - --el-table-border-color: rgba(45, 143, 207, 0.2); - --el-table-header-bg-color: #082338; - --el-table-header-text-color: #e8f7ff; - --el-table-row-hover-bg-color: rgba(0, 160, 255, 0.14); + --el-table-border-color: #e5e7eb; + --el-table-header-bg-color: #ffffff; + --el-table-header-text-color: #1f2937; + --el-table-row-hover-bg-color: #eff6ff; } .school-admin-workbench .el-table .el-table__header-wrapper th.el-table__cell, .school-admin-workbench .el-table .el-table__fixed-header-wrapper th.el-table__cell { - background-color: #082338 !important; - color: #e8f7ff !important; + background-color: #ffffff !important; + color: #1f2937 !important; font-family: var(--admin-font-base); font-size: var(--admin-fs-body); font-weight: var(--admin-fw-bold); - border-color: rgba(45, 143, 207, 0.22); + border-color: #e5e7eb; } .school-admin-workbench .el-table th.el-table__cell>.cell { - color: #e8f7ff; + color: #1f2937; font-family: var(--admin-font-base); font-size: var(--admin-fs-body); font-weight: var(--admin-fw-bold); @@ -532,7 +532,7 @@ .school-admin-workbench .el-table tr, .school-admin-workbench .el-table td.el-table__cell { background: rgba(3, 24, 36, 0.58); - border-color: rgba(45, 143, 207, 0.18); + border-color: #e5e7eb; font-family: var(--admin-font-base); font-size: var(--admin-fs-body-sm); } @@ -544,7 +544,7 @@ } .school-admin-workbench .el-table__body tr:hover>td.el-table__cell { - background: rgba(0, 160, 255, 0.14); + background: #eff6ff; } .school-admin-workbench .el-table .el-loading-mask { @@ -553,11 +553,11 @@ } .school-admin-workbench .el-table .el-loading-spinner .path { - stroke: #20d6ff; + stroke: #2563eb; } .school-admin-workbench .el-table .el-loading-text { - color: #d7f8ff; + color: #374151; } .school-admin-workbench .pager { @@ -568,8 +568,8 @@ .school-admin-workbench .el-pagination { --el-pagination-bg-color: transparent; --el-pagination-button-bg-color: rgba(3, 24, 36, 0.85); - --el-pagination-hover-color: #00aaff; - color: #cde4ff; + --el-pagination-hover-color: #2563eb; + color: #374151; font-family: var(--admin-font-base); font-size: var(--admin-fs-body-sm); } @@ -584,19 +584,19 @@ .school-admin-workbench .el-pagination__jump { font-family: var(--admin-font-base); font-size: var(--admin-fs-body-sm); - color: #9ab3d0; + color: #6b7280; } .school-admin-workbench .admin-form { max-width: none; padding: 18px; - border: 1px solid rgba(45, 143, 207, 0.32); + border: 1px solid #e5e7eb; border-radius: 22px; background: rgba(0, 20, 35, 0.62); } .school-admin-workbench .el-form-item__label { - color: #b9e2ff; + color: #4b5563; font-family: var(--admin-font-base); font-size: var(--admin-fs-body); font-weight: var(--admin-fw-medium); @@ -617,7 +617,7 @@ .admin-edit-dialog, .platform-admin-dialog { border-radius: 22px; - background: #07101d; + background: #f9fafb; border: 1px solid rgba(0, 180, 255, 0.28); } @@ -625,7 +625,7 @@ .admin-edit-dialog .el-form-item__label, .platform-admin-dialog .el-dialog__title, .platform-admin-dialog .el-form-item__label { - color: #eef5ff; + color: #1f2937; font-family: var(--admin-font-base); font-size: var(--admin-fs-body); font-weight: var(--admin-fw-medium); @@ -653,7 +653,7 @@ font-family: var(--admin-font-base); /* 美化滚动条 */ scrollbar-width: thin; - scrollbar-color: rgba(0, 170, 255, 0.4) rgba(3, 24, 36, 0.5); + scrollbar-color: rgba(37, 99, 235, 0.4) #f9fafb; } .admin-edit-dialog .el-dialog__body::-webkit-scrollbar, @@ -664,13 +664,13 @@ .admin-edit-dialog .el-dialog__body::-webkit-scrollbar-track, .platform-admin-dialog .el-dialog__body::-webkit-scrollbar-track { - background: rgba(3, 24, 36, 0.5); + background: #f9fafb; border-radius: 3px; } .admin-edit-dialog .el-dialog__body::-webkit-scrollbar-thumb, .platform-admin-dialog .el-dialog__body::-webkit-scrollbar-thumb { - background: rgba(0, 170, 255, 0.4); + background: rgba(37, 99, 235, 0.4); border-radius: 3px; } @@ -681,21 +681,21 @@ .admin-edit-dialog .el-input__wrapper, .admin-edit-dialog .el-select .el-input__wrapper { - background: rgba(3, 24, 36, 0.9); - border: 1px solid rgba(45, 95, 126, 0.9); + background: #ffffff; + border: 1px solid #d1d5db; box-shadow: none; font-family: var(--admin-font-base); font-size: var(--admin-fs-body); } .admin-edit-dialog .el-input__inner { - color: #eef5ff; + color: #1f2937; font-family: var(--admin-font-base); font-size: var(--admin-fs-body); } .admin-edit-dialog .el-input__inner::placeholder { - color: #5f7d9c; + color: #9ca3af; font-family: var(--admin-font-base); font-size: var(--admin-fs-body-sm); }