浏览器主题皮肤怎么换（Chrome 商店主题 / 工具栏配色 / 用 CSS 改写网页护眼）

把浏览器换个皮肤，是很多人折腾电脑的第一步。有人只想让标签栏别那么白，有人想把新标签页铺成一张喜欢的图，还有人是为了盯着网页一整天后让眼睛少受点罪。这几种需求对应的做法不太一样，下面分开说。

在 Chrome 上换主题

Chrome 的主题只改界面，不动你的书签、密码、扩展和浏览数据。换上之后，浏览器边框、标签条、新标签页背景和一部分强调色都会跟着变。

两条路都能走。一条是进设置：点右上角三个点，选「设置」，左侧「外观」下面点「主题」，会跳到 Chrome 网上应用店的主题专区。另一条更快，打开新标签页，点右下角的「自定义 Chrome」，直接挑颜色和背景图，也能上传自己的图。

应用店里主题成千上万，挑的时候别只看缩略图。点开一个主题的详情页，看评分、近期评论和开发者名字。装完如果觉得刺眼，Chrome 通常会立刻弹一个「撤消」按钮；按钮消失了也不怕，回到「设置 > 外观」点「重设为预设值」就回来了。Chrome 同一时间只用一个主题，装新的会自动顶掉旧的，不用先卸载。

要是逛了一圈没看中，还能自己做一个。Theme Beta 这类在线工具免费、不用写代码，传一张图就能自动生成配色，导出主题包装上就行。想做得更细，它还有图片和颜色两个高级页，能单独控每个界面元素。

有一点要记着：手机上的 Chrome 不能装应用店主题，只能切浅色、深色或跟随系统。桌面端才能玩全套。

工具栏配色：Firefox Color 和 Edge

Firefox 自带几个主题：系统、浅色、深色，还有一个叫 Alpenglow 的彩色款，外加限时推出的 Colorways 配色集。换法在菜单「扩展和主题」里的「主题」一栏，点启用就行。

真正好玩的是 Firefox Color 这个官方扩展。它能让你自己定工具栏、搜索栏、弹窗文字的颜色，还能传一张背景图，改动实时生效。满意了可以存成 ZIP 备份，也能直接上传到 Firefox 附加组件商店分享给别人。这个扩展只动浏览器外壳，不碰你打开的网页。

Edge 因为和 Chrome 一样是 Chromium 内核，操作几乎一样：设置里「外观」下面点「自定义主题」，选「探索更多主题」，挑中后「获取」再「添加主题」。Edge 会把它套到整个界面配色上。

想改网页本身？用 Stylus 写自定义 CSS

主题只改浏览器外壳。如果你想改的是网页内容，比如让某个网站白底黑字别那么晃眼、字号调大、或者把多余的模块藏起来，那得靠自定义 CSS。这类工具里最常用的是 Stylus，一个开源的用户样式管理器，Chrome、Firefox、Brave、Edge 都能装。

它不收集数据，样式全留在你自己的设备上。装上之后点工具栏图标进管理页，在「Get styles」里按网站找现成样式，一键安装。GitHub 看代码眼睛酸，就装个护眼深色样式；某个站点广告位太嚣张，写几行 CSS 把它藏了。每个样式都能限定生效的网址，也能排除某些页面。

Stylus 内置编辑器支持 CSS、LESS 和 Stylus 语法，改一行看一眼效果。它支持的 UserCSS 格式允许样式作者留可配置变量，你装的时候就能调颜色、调暗色深浅，不用碰源码。换电脑也不怕，样式能同步到 Dropbox、Google Drive、OneDrive 或者任意 WebDAV 服务器。

两个坑顺手提一下。第一，样式匹配规则别写太宽，用 * 通配会让它在每个页面都跑一遍检查，拖慢加载；按域名精确匹配更稳。第二，如果你同时装了 Dark Reader，两者都改网页配色容易打架，给装了用户样式的网站关掉 Dark Reader 就好。

一点提醒

主题和样式是两层东西。主题换的是浏览器这一层皮，样式改的是网页那一层内容。想区分工作和生活的浏览器、单纯图好看，换主题就够了；想让某个具体网站顺眼、护眼、去干扰，才需要 Stylus 这类工具。