tt/ttstd-infinite-canvas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(theme): 补充全局提示框暗黑模式背景与文字对比度样式

Browse Source
This commit is contained in:
✨await
2026-09-17 15:25:54 +08:00
parent b3d521c748
commit 2a8d746c87
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
web/src/styles/globals.css
View File

@@ -1306,7 +1306,8 @@
}
/* 全局轻量通知与消息提示框 */
.ant-message-notice .ant-message-notice-content {
.ant-message-notice .ant-message-notice-content,
:where(.dark, [data-theme="dark"]) .ant-message-notice .ant-message-notice-content {
color: var(--foreground) !important;
background: var(--color-surface, var(--workspace-overlay-bg-strong, #ffffff)) !important;
border: 1px solid var(--color-border, var(--workspace-overlay-border, rgba(0, 0, 0, 0.12))) !important;
@@ -1314,13 +1315,21 @@
}
.dark .ant-message-notice .ant-message-notice-content,
.dark body .ant-message-notice-content {
.dark body .ant-message-notice-content,
[data-theme="dark"] .ant-message-notice .ant-message-notice-content,
.dark .ant-message-custom-content,
.dark .ant-message-notice {
color: #f4f4f5 !important;
background: #1e1e20 !important;
border-color: rgba(255, 255, 255, 0.16) !important;
box-shadow: 0 12px 36px rgba(0, 0, 0, 0.55) !important;
}
.dark .ant-message-notice-content span,
.dark .ant-message-custom-content span {
color: #f4f4f5 !important;
}
.ant-notification-notice {
color: var(--foreground) !important;
background: var(--color-surface, var(--workspace-overlay-bg-strong, #ffffff)) !important;