depei/smart-parking-platform
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

绚丽增强层静态可见度提升：卡片描边常驻、KPI 光晕、登录页提亮、按钮渐变加深、静态 message 弹窗暗色玻璃化，素材同步重采

Browse Source
This commit is contained in:
admin
2026-10-14 11:47:31 +08:00
parent 660c2bc5d4
commit 9421e62566
16 changed files with 58 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/global.less
+40 -3
View File
@@ -286,13 +286,13 @@ body::after {
.ant-btn-primary {
border: 0;
background: linear-gradient(135deg, #0891b2, #2563eb 52%, #7c3aed);
background: linear-gradient(135deg, #0e7490, #1d4ed8 52%, #6d28d9);
box-shadow: 0 10px 24px rgba(37, 99, 235, 0.28);
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
background: linear-gradient(135deg, #06b6d4, #3b82f6 52%, #8b5cf6) !important;
background: linear-gradient(135deg, #0891b2, #2563eb 52%, #7c3aed) !important;
box-shadow: 0 0 26px rgba(34, 211, 238, 0.26) !important;
}
@@ -565,4 +565,41 @@ body::after {
.ant-alert-close-icon:hover .anticon,
.ant-alert-close-icon:hover .anticon-close {
color: #ecfeff !important;
}
}
/* Static message/notification calls (message.error etc.) do not consume ConfigProvider
dark theme in antd v5 — force dark glass panel so no white popup appears in dark shell. */
.ant-message .ant-message-notice-content,
.ant-notification .ant-notification-notice {
color: #e6f7ff;
border: 1px solid rgba(103, 232, 249, 0.28);
background: linear-gradient(145deg, rgba(14, 30, 56, 0.96), rgba(7, 18, 39, 0.96));
box-shadow: 0 16px 44px rgba(2, 8, 23, 0.55), 0 0 24px rgba(34, 211, 238, 0.12);
backdrop-filter: blur(16px);
}
.ant-message .ant-message-notice-content .ant-message-custom-content,
.ant-notification .ant-notification-notice-message,
.ant-notification .ant-notification-notice-description {
color: #e6f7ff !important;
}
.ant-message .ant-message-notice-content .anticon-close-circle,
.ant-message .ant-message-notice-content .anticon-close {
color: #fb7185 !important;
}
.ant-message .ant-message-notice-content .anticon-exclamation-circle {
color: #fbbf24 !important;
}
.ant-message .ant-message-notice-content .anticon-check-circle {
color: #4ade80 !important;
}
.ant-message .ant-message-notice-content .anticon-info-circle {
color: #67e8f9 !important;
}
.ant-message .ant-message-notice-content .anticon-loading {
color: #67e8f9 !important;
}