多主题界面用这Skill映射样式

设计多品牌多主题的主题系统。

theming-system 是让一套组件支持多种主题的 Skill。它把基础值、语义用途和组件样式分层,在用途层映射品牌、明暗与其他主题变化。

同一个“正文色”在不同主题可对应不同值,组件无需逐处重写。暗色也不是把所有颜色反转,还需看表面层次、文字清晰度与图片是否适合。

提供品牌与主题需求、现有令牌和组件,它帮助说明哪些值可换、哪些应固定。密度和高对比也要核各自需求;支持系统偏好不等于用户不能手动选择,切换后每个组件的状态、内容与对比都要复查,不能只展示一张首页就算完成。

分类:设计创作

来源仓库:owl-listener/designer-skills

适合用来做什么

  • 设计一个极简主义风格的主题架构。
  • 如何为品牌创建深色模式主题?

安装 theming-system

npx skills add https://www.iskills.cc/skills/owl-listener/designer-skills/theming-system/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 theming-system 的用途与原始说明

浏览全部 Skill 指南