https://github.com/flanker/bilibili-dark-mode

A Chrome/Edge/Firefox extension to turn your bilibili.com into dark mode
https://github.com/flanker/bilibili-dark-mode

bilibili chrome chrome-extension dark-mode edge-extension firefox-addon

Last synced: about 1 hour ago
JSON representation

A Chrome/Edge/Firefox extension to turn your bilibili.com into dark mode

• Host: GitHub
• URL: https://github.com/flanker/bilibili-dark-mode
• Owner: flanker
• Created: 2022-07-10T10:01:09.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2025-04-01T13:43:53.000Z (14 days ago)
• Last Synced: 2025-04-01T14:38:23.399Z (14 days ago)
• Topics: bilibili, chrome, chrome-extension, dark-mode, edge-extension, firefox-addon
• Language: TypeScript
• Homepage: https://darkbili.com/
• Size: 19.9 MB
• Stars: 45
• Watchers: 2
• Forks: 8
• Open Issues: 9
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-bilibili-extra - Bilibili-dark-mode - 一个浏览器插件，可以让 bilibili.com 进入夜间模式. (浏览器扩展 / 全站扩展)

README

        
# DarkBili - Dark Mode for bilibili.com

[![Chrome Web Store](https://img.shields.io/chrome-web-store/v/kpjklikhldpeiibfhadeogaaeenhffba?color=4285f4&label=Chrome&logo=google-chrome&logoColor=white)](https://chrome.google.com/webstore/detail/darkbili-dark-mode-for-bi/kpjklikhldpeiibfhadeogaaeenhffba)

![Chrome Web Store Users](https://img.shields.io/chrome-web-store/users/kpjklikhldpeiibfhadeogaaeenhffba)

![Chrome Web Store Rating](https://img.shields.io/chrome-web-store/rating/kpjklikhldpeiibfhadeogaaeenhffba)

一个浏览器插件，可以让 bilibili.com 进入夜间模式。

## 🌐 官方网站

[https://darkbili.com/](https://darkbili.com/?utm_source=github&utm_medium=readme)

## 📸 效果展示



## 🛠️ 开发指南

这是一个基于 [Plasmo extension](https://docs.plasmo.com/) 的项目。

### 环境要求

- Node.js >= 16

- pnpm (推荐) 或 npm

### 开发步骤

1. 克隆项目

```bash

git clone https://github.com/flanker/bilibili-dark-mode.git

cd bilibili-dark-mode

```

2. 安装依赖

```bash

pnpm install

# 或

npm install

```

3. 启动开发服务器

```bash

pnpm dev

# 或

npm run dev

```

4. 在浏览器中加载开发版本

- Chrome: 加载 `build/chrome-mv3-dev` 目录

- Edge: 加载 `build/chrome-mv3-dev` 目录

更多开发指南请参考 [Plasmo Documentation](https://docs.plasmo.com/)

## 🤝 贡献指南

欢迎提交 Issue 和 Pull Request！

1. Fork 本仓库

2. 创建你的特性分支 (`git checkout -b feature/AmazingFeature`)

3. 提交你的改动 (`git commit -m 'Add some AmazingFeature'`)

4. 推送到分支 (`git push origin feature/AmazingFeature`)

5. 开启一个 Pull Request

## 📝 许可证

本项目采用 MIT 许可证

## 💝 支持项目

如果这个项目对你有帮助，欢迎请开发者喝杯咖啡！

请开发者喝杯咖啡

## 📮 联系我们

- 提交 Issue: [GitHub Issues](https://github.com/flanker/bilibili-dark-mode/issues/new)

- 官方网站: [https://darkbili.com/](https://darkbili.com/?utm_source=github&utm_medium=readme)