自定义网页主题

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

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