style(ui): unify light mode with pure white background across app shell and usage views

- Set default light background color to pure white across html, body, and app-shell
- Replace grayish background, diffuse card shadows, and translucent pills in usage records with pure white surfaces and clean borders
- Ensure usage tables and subpage panels render consistently as pure white documents
- Update UI accessibility regression tests to assert pure white surfaces
This commit is contained in:
lzt404 committed 2026-10-05 16:10:37 +08:00
1 parent f4bba22817
commit b1fe595f0b
5 files changed
+212 -257

No files matched your search

+20
View File
@@ -36,6 +36,26 @@ const path = require('node:path');
await tabs.first().focus();
await page.keyboard.press('ArrowRight');
assert.equal(await tabs.nth(1).getAttribute('aria-selected'), 'true');
await page.getByRole('tab', { name: /请求明细/ }).click();
await page.locator('.usage-events-table tbody tr').first().waitFor();
const usageSurfaces = await page.locator('.usage-records-page .usage-events-table tbody tr').first().evaluate(row => {
const cell = row.querySelector('td');
const page = row.closest('.usage-records-page');
const status = page?.querySelector('.usage-collector-state');
return { row: cell ? getComputedStyle(cell).backgroundColor : '', status: status ? getComputedStyle(status).backgroundColor : '' };
});
assert.equal(usageSurfaces.row, 'rgb(255, 255, 255)', 'light usage rows stay pure white');
assert.equal(usageSurfaces.status, 'rgb(255, 255, 255)', 'light usage status stays pure white');
const shellSurfaces = await page.evaluate(() => {
const shell = document.querySelector('.app-shell');
const content = document.querySelector('.content');
return {
shell: shell ? getComputedStyle(shell).backgroundColor : '',
content: content ? getComputedStyle(content).backgroundColor : '',
};
});
assert.equal(shellSurfaces.shell, 'rgb(255, 255, 255)', 'light app shell stays pure white');
assert.equal(shellSurfaces.content, 'rgb(255, 255, 255)', 'light content stays pure white');
await page.getByRole('tab', { name: /数据管理/ }).click();
assert.equal(await page.locator('.usage-filter-panel').count(), 0);