Bilibili Color Inverter

一个专门为哔哩哔哩视频设计的颜色反转扩展程序，解决白底黑字视频刺眼问题。

市面上的深色模式扩展（如 Dark Reader）都是反转整个网页，将页面背景变暗、字体变亮。这种方式对普通阅读页面很有效，但对视频内容无效——视频播放时是一个独立的画面区域，网页级的深色模式无法穿透。

我们的扩展专注于 Bilibili 视频本身。当你在全屏观看白底黑字的教学视频、PPT 讲解视频时，只需一键即可将视频颜色反转，黑底白字更护眼。

效果展示

原始画面（白底黑字）：

反转后（黑底白字）：

功能特点

• 🎯 颜色反转: 将白底黑字视频转为黑底白字，减少刺眼
• 💾 全局记忆: 状态保存在Chrome存储，跨视频跨页面保持
• 🎮 简单操作: 单键点击☀️/🌙切换，即时生效
• ⚡ 即时响应: 零延迟状态切换，流畅体验

安装方法

1. Chrome 应用商店安装

直接从 Chrome 应用商店 页面安装

2. 开发者模式安装

1. 下载项目文件
2. 打开Chrome浏览器
3. 地址栏输入 chrome://extensions/
4. 开启右上角"开发者模式"
5. 点击"加载已解压的扩展程序"
6. 选择项目文件夹

使用方法

1. 访问 bilibili.com 任意页面
2. 页面右下角出现☀️按钮
3. 点击按钮切换颜色反转状态
4. 设置会自动保存，下次访问仍有效

技术架构

• Manifest V3: 遵循最新Chrome扩展标准
• 事件驱动: 无轮询机制，性能优化
• CSS类管理: 稳定的样式控制系统
• Chrome存储: 可靠的状态持久化

文件结构

├── manifest.json    # 扩展程序配置
├── content.js       # 主要功能脚本
├── styles.css       # 样式系统
└── icon*.png        # 扩展图标

兼容性

• Chrome Edge Brave
• Windows/Mac/Linux
• 所有B站页面 (视频、首页、直播等)

许可证

MIT License

---

保护眼睛，从一键切换开始！👀