用途:对 Anytype-TS 的样式和组件做暗色模式检查,适用于组件暗色模式验证、新样式主题规范审查、整库或文件夹审计,以及仅在暗色模式下出现的视觉缺陷排查。
主要能力:检查硬编码颜色、主题目录外的内联暗色覆盖、缺失的图标暗色变体、TypeScript 中硬编码图标路径、未使用变量的颜色属性、!important 滥用,以及新组件缺少暗色处理。
用法:暗色模式由 html 元素上的 themeDark 类激活(html.themeDark { ... }),值包括 'dark'、'light'、'system'。亮色默认变量在 src/scss/_vars.scss,暗色覆盖在 src/scss/theme/dark/common.scss(第 5-82 行),主题文件还有 page、block、menu、popup、widget.scss。变量族包括 --color-text-、--color-shape-、--color-bg-、--color-control-、--color-system-* 及 --color-light-/very-light-/dark-* 调色板。暗色图标位于 src/img/theme/dark/,使用 $themePath 与 S.Common.getThemePath(),约定 name0.svg 默认、name1.svg 悬停/激活。
可用检索命令示例:grep -E '#[0-9a-fA-F]{3,8}|rgb(|rgba(' src/scss/theme/dark/.scss;grep -rn 'html.themeDark|.themeDark' src/scss/ --include='.scss' | grep -v 'src/scss/theme/dark/'。
限制:仅适用于 Anytype-TS 代码库的既有主题架构;报告需按给定小节结构输出。未提供其他平台、版本或命令行工具的扩展说明。