自定义网页主题

ForcedSkin 里的自定义网页主题,是从市场套用到各站点的一套协调 CSS 配色,而不是把页面重新设计一遍。

同一套配色语言,覆盖很多域名

这里的「自定义网页主题」指你为 CSS 界面选定的颜色:页面底、表面、文字、链接、控件与强调色。ForcedSkin 在 Chromium 标签页里套用这套配色,让常用站点在视觉上更一致,即使各站品牌皮肤完全不同。

页面仍是原站:同样的布局、文章、广告与链接。你不是在安装会重排栏位的 userstyle。若只需要一句话介绍,看 关于 即可;本页讲如何选择与编写配色。

走市场配色,而不是每个域名贴一段 hex

在 主题市场 浏览现成亮色 / 暗色方案。登录后可同步收藏与当前亮暗组合。作者按 主题创作指南 的字段来写 JSON,而不是给每个域名粘随机 CSS。

引擎把界面角色映射到配色令牌,因此站点使用 CSS 变量、渐变或表单控件时,自定义主题仍能保持协调。照片与视频帧当作媒体保留,这正是不用反色滤镜做「自定义主题」的原因。

  • 亮色与暗色配色可分别选择
  • 主题 JSON 字段见创作指南
  • 可选在 forcedskin.com 账号同步

自定义主题何时需要站点适配器

有些产品把界面色藏在通用映射只能部分覆盖的组件里。社区 JSON 公式(forcedskin-adapter-formula/v1)在 适配器 上收紧这些域名,而不必另做一款扩展。

自定义主题加适配器,本质仍是换色。若站点自己的设计已经符合预期,两者都可跳过,直接 排除该主机名。如何切换应用方式见 网页主题修改。

自定义主题覆盖不到的地方

chrome://、Chrome 应用商店、封闭 Shadow DOM 与纯位图界面不会采用你的配色。ForcedSkin 也不改浏览器工具栏。请把这些视为范围外,而不是市场主题损坏。

可从市场主题起步,按 主题指南 调整,并对照 工作原理,让预期符合 CSS 能力。

常见问题

亮色和暗色能用不同的自定义主题吗?

可以。ForcedSkin 分别保存亮色与暗色配色。模式决定启用哪一套,包括按本地时间的自动。

自定义主题会改字体或间距吗?

不会。产品只重映射 CSS 界面色,不会像完整 userstyle 引擎那样改布局或排版。

自己设计的主题提交到哪里?

遵循 主题创作指南 与 主题市场 的上架流程。

这和 Chrome 应用商店里的「主题」是一回事吗?

不是。商店「主题」皮肤的是 Chrome 自身界面;ForcedSkin 皮肤的是网页 CSS。见 浏览器主题扩展。

相关文章

试用 ForcedSkin

安装扩展并挑选配色。登录是可选项。