Chrome标签栏美化扩展推荐:Favicon Studio 9组双色主题一键统一

打开浏览器,标签栏里十几个网站的图标五颜六色,红的绿的蓝的挤在一起,视觉上像一盘打翻的调色盘。软件格律诗 推荐一个名为 Favicon Studio 的 Chrome 扩展,思路很克制,不替换图案、不换图标,只保留网站 favicon 原本的轮廓和透明区域,把里面的阴影色与高光色重新映射成你选的双色配色,让杂乱的标签栏获得统一但仍然容易辨认的视觉风格。

项目由开发者 jackyrwj 在 GitHub 开源,基于 Manifest V 3,Chrome、Edge 及其他 Chromium 内核浏览器都能用。

主要功能一览

能力你得到什么
9 组预设主题快速统一标签页配色,不需要逐个挑选颜色
自定义双色分别设置阴影色和高光色,并即时查看效果
真实 favicon 预览每个选项都使用当前网站的真实图标,不靠示意图猜效果
当前网站设置只修改指定域名,不影响其他标签页
全局默认主题为所有尚未单独设置的网站应用同一套配色
单站覆盖某个网站可以覆盖全局主题,或选择「Keep original」保留原图标
已打开标签更新安装或升级扩展后,选中主题即可初始化旧标签页,无需强制刷新页面
动态 favicon 处理网站在运行时更换图标后,扩展会检测并重新应用主题
本地保存主题、颜色和域名偏好存储在 chrome.storage.local 中

只改颜色,不换图案

这是它和常见「图标替换类」扩展最大的区别。扩展会读取网站声明的 favicon,解析图标亮度,把原图中的阴影与高光映射到所选双色上,再通过 Canvas 在浏览器本地重新着色,生成 PNG Data URL 替换标签页图标。轮廓、形状、辨识度都还是原来那个网站的样子,只是整条标签栏的颜色语言统一了,你依然能一眼认出哪个标签是哪个网站。

9 组预设主题加自定义双色

内置 9 组双色主题,选中即可用,不用自己研究配色。如果都不满意,可以打开 Custom colors 分别设置阴影色和高光色,支持一键交换两种颜色、随机取色,还有明暗对比检查,帮你拉开明度差,保证效果明显。所有主题定义都在开源的 palettes.js 里,改完重新加载扩展就能用自己的配色方案。

单站、全局、排除三层规则

作用范围的设计很清晰。Current site 只为当前域名设置主题,优先级最高;All sites 为所有尚未单独设置的网站应用默认主题;某个网站想保留原汁原味的图标,选 Keep original 即可,它会作为排除规则在全局主题下持续生效;Use global 可以删掉单站设置重新继承全局;Turn off global 关闭全局主题但保留各站的单独设置,关闭全局时已有单站设置不会被删除。

即时生效与动态处理

选完主题,已经打开的普通网页标签立即更新,不需要整页刷新;安装或升级扩展后,选中一次主题即可初始化旧标签页。如果网站在运行时动态更换 favicon(比如收到新消息时变红点),内容脚本会检测到并重新应用主题,不会出现「着色后又跳回原图」的破功瞬间。

预览与隐私

弹窗里每个主题选项都使用当前网站的真实 favicon 做实时预览,不靠示意图猜效果。隐私方面做得也很干净,主题、颜色和域名偏好只存在 chrome.storage.local 本地,没有分析统计、没有广告、没有远程代码、没有开发者数据服务器,后台获取 favicon 图片时不携带 Cookie 或其他凭据,也不会读取页面正文、表单、密码。

上手教程

给单个网站换色

打开任意普通 http 或 https 网站,点击工具栏图标,选 Current site,挑一组预设主题或打开 Custom colors 自定义,当前标签页图标立即更新,且该选择会持续应用于同一域名。

设置全局默认

选 All sites 再选一组主题,所有没单独设置的网站都会继承它。个别想保留原图标的网站,切回 Current site 选 Keep original。

注意事项

Chrome 保护页面(chrome:// 页面和 Chrome Web Store)不允许扩展修改图标,这是浏览器限制。图标没变化时先确认不是这类页面,再重新选一次主题,必要时刷新网站。

我的使用感受

装上第一天我就把全局主题设成了低饱和的双色,二十多个常开标签瞬间从大杂烩变成了一排整齐的「团队制服」,而且因为轮廓没动,找标签的速度没有受影响,这点比我想象中重要。单站排除是第二个惊喜,我把品牌色就是身份的几个网站(比如某购物网站)设了 Keep original,统一之中还留了点个性。自定义面板里的明暗对比检查很贴心,之前随手选的两个近似色让几个图标几乎「隐形」,拉开明度差后立刻正常。

也说两点现实情况。极简、纯色或尺寸太小的 favicon 本身明暗层次有限,双色效果会不明显,要么换对比更强的主题,要么接受个别图标效果打折;另外它需要「访问所有网站」的权限才能实现全局功能,虽然 README 和隐私政策都写明了用途边界,介意的用户可以只用单站模式。开发者也坦诚这是个人学习与体验实验项目,网站调整 favicon 加载方式后个别站点可能需要反馈等待适配。

本文信息源自:格物致知 · 科技发现周刊 006期:DeepSeek Harness(15个项目)

官方网站

https://github.com/jackyrwj/favicon-studio

下载地址

https://pan.quark.cn/s/397d9778b495

相关推荐

Avatar photo

JameCling

我是 格律诗的软件世界 的作者,一名专注于软件工具、AI 技术和数字效率领域的独立研究者。
多年来,我持续关注互联网工具的发展趋势,体验不同平台的软件产品,并研究它们如何帮助用户提升效率。
我的工作不仅是整理软件信息,而是通过实际测试、功能分析和使用场景研究,帮助用户判断一个工具是否真正值得使用。
格律诗的软件世界 的每一篇文章都希望提供真实、有价值的信息,包括工具特点、使用方法、优缺点分析以及适合的人群。
我相信,好的工具能够改变工作方式,而准确的信息能够帮助用户做出更好的选择。