theming-system 是让一套组件支持多种主题的 Skill。它把基础值、语义用途和组件样式分层,在用途层映射品牌、明暗与其他主题变化。
同一个“正文色”在不同主题可对应不同值,组件无需逐处重写。暗色也不是把所有颜色反转,还需看表面层次、文字清晰度与图片是否适合。
提供品牌与主题需求、现有令牌和组件,它帮助说明哪些值可换、哪些应固定。密度和高对比也要核各自需求;支持系统偏好不等于用户不能手动选择,切换后每个组件的状态、内容与对比都要复查,不能只展示一张首页就算完成。
设计多品牌多主题的主题系统。
theming-system 是让一套组件支持多种主题的 Skill。它把基础值、语义用途和组件样式分层,在用途层映射品牌、明暗与其他主题变化。
同一个“正文色”在不同主题可对应不同值,组件无需逐处重写。暗色也不是把所有颜色反转,还需看表面层次、文字清晰度与图片是否适合。
提供品牌与主题需求、现有令牌和组件,它帮助说明哪些值可换、哪些应固定。密度和高对比也要核各自需求;支持系统偏好不等于用户不能手动选择,切换后每个组件的状态、内容与对比都要复查,不能只展示一张首页就算完成。
分类:设计创作
来源仓库:owl-listener/designer-skills
npx skills add https://www.iskills.cc/skills/owl-listener/designer-skills/theming-system/SKILL.md
在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。