GithubBackup/MyGoNavi
1
0
Fork 0
mirror of https://github.com/Syngnat/GoNavi.git synced 2026-06-12 17:39:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

🐛 fix(ui): 修复暗色主题确认弹窗文字可读性

Browse Source 
- 为 v2 主题下的 Modal.confirm 标题和内容补充前景色

- 修复删除表确认弹窗在暗色主题下文字不可读的问题

- 新增确认弹窗主题回归测试
This commit is contained in:
Syngnat
2026-06-01 10:44:23 +08:00
parent 5ffaa4361e
commit 35b7fdf96b
2 changed files with 23 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/v2-theme.css
View File

@@ -491,6 +491,14 @@ body[data-ui-version="v2"] .ant-modal .ant-modal-body {
padding: 18px !important;
}
body[data-ui-version="v2"] .ant-modal-confirm .ant-modal-confirm-title {
color: var(--gn-fg-1) !important;
}
body[data-ui-version="v2"] .ant-modal-confirm .ant-modal-confirm-content {
color: var(--gn-fg-2) !important;
}
body[data-ui-version="v2"] .ant-modal .ant-modal-footer {
border-top: 0.5px solid var(--gn-br-1) !important;
padding: 10px 18px !important;

15
frontend/src/v2ThemeModalConfirm.test.ts Normal file
View File

@@ -0,0 +1,15 @@
import { describe, expect, it } from 'vitest';
import { readFileSync } from 'node:fs';
import path from 'node:path';
import { fileURLToPath } from 'node:url';
const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);
const v2ThemeCss = readFileSync(path.resolve(__dirname, './v2-theme.css'), 'utf8');
describe('v2 modal confirm theme', () => {
it('keeps static confirm title and content readable in dark theme', () => {
expect(v2ThemeCss).toMatch(/body\[data-ui-version="v2"\]\s+\.ant-modal-confirm\s+\.ant-modal-confirm-title\s*\{[^}]*color:\s*var\(--gn-fg-1\)\s*!important;/s);
expect(v2ThemeCss).toMatch(/body\[data-ui-version="v2"\]\s+\.ant-modal-confirm\s+\.ant-modal-confirm-content\s*\{[^}]*color:\s*var\(--gn-fg-2\)\s*!important;/s);
});
});