diff --git a/frontend/src/v2-theme.css b/frontend/src/v2-theme.css index 8b1dad2..09fe7e9 100644 --- a/frontend/src/v2-theme.css +++ b/frontend/src/v2-theme.css @@ -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; diff --git a/frontend/src/v2ThemeModalConfirm.test.ts b/frontend/src/v2ThemeModalConfirm.test.ts new file mode 100644 index 0000000..987974c --- /dev/null +++ b/frontend/src/v2ThemeModalConfirm.test.ts @@ -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); + }); +});