Stev_Wang
26179e83dd
背景： index.html 声明 color-scheme=dark，与全站浅色主题（Cloud Blue）冲突。 浏览器在样式表与 JS 就绪前会按深色绘制默认画布，导致打开任意页面时短暂黑屏。 改动： - apps/web/index.html：color-scheme 改为 light，并在 head 内联首屏兜底底色 #f5f7fa - packages/ui/src/theme/tokens.css：:root 锁定 color-scheme: light，避免系统深色偏好影响控件 - apps/web/src/shell.spec.ts：新增护栏，禁止 dark 声明并校验兜底底色与 --lx-color-bg-app 一致 影响面： 仅 Web 外壳首屏绘制与主题声明，不涉及接口、数据与业务逻辑； 浅色主题下视觉无变化，系统深色偏好场景下保持浅色。 回滚方式： git revert 本提交即可恢复原状。 验证证据： - Playwright 阻断入口模块实测首帧：修复前 #0f0f0f 黑屏，修复后 rgb(245, 247, 250) - pnpm --filter @lingxi/web test：33 个文件 / 189 个用例通过 - pnpm lint / pnpm format:check / pnpm typecheck / pnpm build 全绿 - pnpm ci:local 全部门禁通过（248.5s，含构建、集成测试、契约检查与 E2E 冒烟）
28 lines
891 B
HTML
28 lines
891 B
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<!-- 本期仅浅色主题（Cloud Blue）：声明 light，避免浏览器在样式加载前按深色绘制画布导致黑屏 -->
|
|
<meta name="color-scheme" content="light" />
|
|
<title>灵犀 · 信息流素材生产平台</title>
|
|
<!-- 首屏兜底：样式表与 JS 就绪前先铺应用底色，避免默认画布（黑/白）闪烁 -->
|
|
<style>
|
|
html,
|
|
body {
|
|
color-scheme: light;
|
|
/* 与 packages/ui/src/theme/tokens.css 的 --lx-color-bg-app 保持一致 */
|
|
background-color: #f5f7fa;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body theme-mode="light">
|
|
<div id="root"></div>
|
|
<script type="module" src="/src/main.tsx"></script>
|
|
</body>
|
|
</html>
|