From a430a670c79db8a4c955d909452bb1131377ac65 Mon Sep 17 00:00:00 2001 From: moonrailgun Date: Fri, 18 Aug 2023 16:43:05 +0800 Subject: [PATCH] fix: fix danger button color error in light mode --- client/web/src/styles/antd/theme.less | 25 ++++++++++++++++++++++++- 1 file changed, 24 insertions(+), 1 deletion(-) diff --git a/client/web/src/styles/antd/theme.less b/client/web/src/styles/antd/theme.less index 73f98708..7d538a28 100644 --- a/client/web/src/styles/antd/theme.less +++ b/client/web/src/styles/antd/theme.less @@ -1,17 +1,40 @@ // antd 主题色支持 .tailchat-app { --tc-primary-color: rgb(24, 144, 255); + --tc-primary-hover-color: #40a9ff; + --tc-dangerous-color: #ff4d4f; + --tc-dangerous-hover-color: #ff7875; .ant-btn-primary { background: var(--tc-primary-color); border-color: var(--tc-primary-color); - &[disabled], &[disabled]:hover, &[disabled]:focus, &[disabled]:active { + &[disabled], + &[disabled]:hover, + &[disabled]:focus, + &[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } + + &:hover, + &:focus { + background: var(--tc-primary-hover-color); + border-color: var(--tc-primary-hover-color); + } + + &.ant-btn-dangerous { + background: var(--tc-dangerous-color); + border-color: var(--tc-dangerous-color); + + &:hover, + &:focus { + background: var(--tc-dangerous-hover-color); + border-color: var(--tc-dangerous-hover-color); + } + } } }