From 2ec90b1d360287b3ca1921f021a2d9021a8a10ea Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=89=9B=E5=A5=B6?= Date: Wed, 27 May 2026 06:12:37 +0000 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=B7=B1=E8=89=B2=E6=A8=A1?= =?UTF-8?q?=E5=BC=8F=E6=8C=89=E9=92=AE=E6=82=AC=E6=B5=AE=E6=A0=B7=E5=BC=8F?= =?UTF-8?q?=E5=BC=82=E5=B8=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/styles/variables.module.scss | 75 +++++++++++++++++++++++++ 1 file changed, 75 insertions(+) diff --git a/src/assets/styles/variables.module.scss b/src/assets/styles/variables.module.scss index 004f1968..01c17d5a 100644 --- a/src/assets/styles/variables.module.scss +++ b/src/assets/styles/variables.module.scss @@ -67,6 +67,21 @@ html.dark { --el-color-primary-light-9: #262727; } + .el-button { + --el-button-hover-bg-color: var(--el-color-primary-dark-9); + --el-button-hover-border-color: var(--el-color-primary-dark-7); + } + + .el-button.is-plain { + --el-button-hover-bg-color: var(--el-fill-color-light); + --el-button-hover-border-color: var(--el-color-primary); + } + + .el-button.is-dashed { + --el-button-hover-bg-color: var(--el-fill-color-light); + --el-button-hover-border-color: var(--el-color-primary); + } + .el-button--primary { --el-button-bg-color: #2b6bd3; --el-button-border-color: #3a7be8; @@ -81,6 +96,18 @@ html.dark { --el-button-bg-color: rgba(43, 107, 211, 0.12); --el-button-border-color: rgba(58, 123, 232, 0.5); --el-button-text-color: #dbe8ff; + --el-button-hover-text-color: var(--el-color-white); + --el-button-hover-bg-color: var(--el-color-primary); + --el-button-hover-border-color: var(--el-color-primary); + --el-button-active-bg-color: rgba(43, 107, 211, 0.28); + --el-button-active-border-color: rgba(43, 107, 211, 0.8); + } + + .el-button--primary.is-dashed { + --el-button-bg-color: rgba(43, 107, 211, 0.12); + --el-button-border-color: rgba(58, 123, 232, 0.5); + --el-button-text-color: #dbe8ff; + --el-button-hover-text-color: #dbe8ff; --el-button-hover-bg-color: rgba(58, 123, 232, 0.2); --el-button-hover-border-color: rgba(58, 123, 232, 0.7); --el-button-active-bg-color: rgba(43, 107, 211, 0.28); @@ -101,6 +128,18 @@ html.dark { --el-button-bg-color: rgba(31, 138, 90, 0.12); --el-button-border-color: rgba(41, 164, 109, 0.5); --el-button-text-color: #dbf6e8; + --el-button-hover-text-color: var(--el-color-white); + --el-button-hover-bg-color: var(--el-color-success); + --el-button-hover-border-color: var(--el-color-success); + --el-button-active-bg-color: rgba(31, 138, 90, 0.28); + --el-button-active-border-color: rgba(31, 138, 90, 0.8); + } + + .el-button--success.is-dashed { + --el-button-bg-color: rgba(31, 138, 90, 0.12); + --el-button-border-color: rgba(41, 164, 109, 0.5); + --el-button-text-color: #dbf6e8; + --el-button-hover-text-color: #dbf6e8; --el-button-hover-bg-color: rgba(41, 164, 109, 0.2); --el-button-hover-border-color: rgba(41, 164, 109, 0.7); --el-button-active-bg-color: rgba(31, 138, 90, 0.28); @@ -121,6 +160,18 @@ html.dark { --el-button-bg-color: rgba(184, 121, 34, 0.12); --el-button-border-color: rgba(214, 149, 59, 0.5); --el-button-text-color: #ffecc8; + --el-button-hover-text-color: var(--el-color-white); + --el-button-hover-bg-color: var(--el-color-warning); + --el-button-hover-border-color: var(--el-color-warning); + --el-button-active-bg-color: rgba(184, 121, 34, 0.28); + --el-button-active-border-color: rgba(184, 121, 34, 0.8); + } + + .el-button--warning.is-dashed { + --el-button-bg-color: rgba(184, 121, 34, 0.12); + --el-button-border-color: rgba(214, 149, 59, 0.5); + --el-button-text-color: #ffecc8; + --el-button-hover-text-color: #ffecc8; --el-button-hover-bg-color: rgba(214, 149, 59, 0.2); --el-button-hover-border-color: rgba(214, 149, 59, 0.7); --el-button-active-bg-color: rgba(184, 121, 34, 0.28); @@ -141,6 +192,18 @@ html.dark { --el-button-bg-color: rgba(178, 74, 74, 0.12); --el-button-border-color: rgba(209, 96, 96, 0.5); --el-button-text-color: #ffd6d6; + --el-button-hover-text-color: var(--el-color-white); + --el-button-hover-bg-color: var(--el-color-danger); + --el-button-hover-border-color: var(--el-color-danger); + --el-button-active-bg-color: rgba(178, 74, 74, 0.28); + --el-button-active-border-color: rgba(178, 74, 74, 0.8); + } + + .el-button--danger.is-dashed { + --el-button-bg-color: rgba(178, 74, 74, 0.12); + --el-button-border-color: rgba(209, 96, 96, 0.5); + --el-button-text-color: #ffd6d6; + --el-button-hover-text-color: #ffd6d6; --el-button-hover-bg-color: rgba(209, 96, 96, 0.2); --el-button-hover-border-color: rgba(209, 96, 96, 0.7); --el-button-active-bg-color: rgba(178, 74, 74, 0.28); @@ -161,6 +224,18 @@ html.dark { --el-button-bg-color: rgba(75, 85, 99, 0.16); --el-button-border-color: rgba(102, 112, 133, 0.55); --el-button-text-color: #e5e7eb; + --el-button-hover-text-color: var(--el-color-white); + --el-button-hover-bg-color: var(--el-color-info); + --el-button-hover-border-color: var(--el-color-info); + --el-button-active-bg-color: rgba(75, 85, 99, 0.3); + --el-button-active-border-color: rgba(75, 85, 99, 0.85); + } + + .el-button--info.is-dashed { + --el-button-bg-color: rgba(75, 85, 99, 0.16); + --el-button-border-color: rgba(102, 112, 133, 0.55); + --el-button-text-color: #e5e7eb; + --el-button-hover-text-color: #e5e7eb; --el-button-hover-bg-color: rgba(102, 112, 133, 0.22); --el-button-hover-border-color: rgba(102, 112, 133, 0.75); --el-button-active-bg-color: rgba(75, 85, 99, 0.3);