# bewlybewly/bewlybewly

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/bewlybewly-bewlybewly).**

8,819 stars · 396 forks · Vue · MIT · archived

## Links

- GitHub: https://github.com/BewlyBewly/BewlyBewly
- Homepage: https://chromewebstore.google.com/detail/bewlybewly/bbbiejemhfihiooipfcjmjmbfdmobobp
- awesome-repositories: https://awesome-repositories.com/repository/bewlybewly-bewlybewly.md

## Topics

`bilibili` `browser-extension` `chrome-extension` `dark-mode` `dark-theme`

## Description

BewlyBewly is a browser extension that customizes the Bilibili homepage, modifying its layout and appearance to deliver a personalized browsing experience without altering the core functionality of the site. It functions as a frontend customization utility, injecting custom CSS and scripts directly into the page context to override default styles and dynamically reapply changes as content loads.

The extension is built as a Manifest V3 Chrome extension, using a content script injection system and a DOM mutation observer to ensure customizations persist even as the page updates. It includes a user settings storage system for persisting preferences and a hot-reload development server for rapid iteration during development. The tool is designed to work alongside or replace UserScript managers, providing a dedicated interface for tailoring the Bilibili experience.

## Tags

### Networking & Communication

- [Bilibili Interface Customizations](https://awesome-repositories.com/f/networking-communication/bilibili-api-integrations/bilibili-interface-customizations.md) — Modifies the Bilibili homepage layout and appearance to deliver a personalized browsing experience. ([source](https://github.com/BewlyBewly/BewlyBewly/blob/main/.gitignore))

### Software Engineering & Architecture

- [Manifest V3 Extensions](https://awesome-repositories.com/f/software-engineering-architecture/declarative-manifest-systems/service-manifests/extension-manifests/manifest-v3-extensions.md) — Built as a Chrome Manifest V3 extension using service workers and declarative net request rules.

### User Interface & Experience

- [Appearance Customizations](https://awesome-repositories.com/f/user-interface-experience/appearance-customizations.md) — Customizes visual properties of the Bilibili homepage to personalize its look and feel. ([source](https://github.com/BewlyBewly/BewlyBewly/custom-properties))
- [Homepage Content Customization](https://awesome-repositories.com/f/user-interface-experience/dashboards-and-homepages/homepage-content-customization.md) — Modifies the Bilibili homepage interface to deliver a tailored browsing experience for each user. ([source](https://github.com/BewlyBewly/BewlyBewly/blob/main/README-jyut.md))
- [Application CSS Overrides](https://awesome-repositories.com/f/user-interface-experience/third-party-client-styling/internal-css-overrides/application-css-overrides.md) — Applies custom styles by injecting user-defined CSS rules that override Bilibili's default stylesheets.
- [User Preference Settings](https://awesome-repositories.com/f/user-interface-experience/user-preference-settings.md) — Persists user preferences and customization configurations using the browser's local storage API.

### Web Development

- [Client-Side Customization Utilities](https://awesome-repositories.com/f/web-development/backend-to-frontend-bridges/frontend-interfaces/client-side-customization-utilities.md) — Applies client-side modifications to a website's interface, enabling users to personalize their browsing environment.
- [Browser Extensions](https://awesome-repositories.com/f/web-development/browser-extensions.md) — An installable browser add-on that injects custom styles and scripts into web pages.
- [CSS Style Injections](https://awesome-repositories.com/f/web-development/client-side-components/script-injection-mechanisms/dom-script-injection/ui-element-injection/css-style-injections.md) — Injects custom CSS rules into web pages to override default styles and create a tailored visual theme.
- [Content Script Injection Architectures](https://awesome-repositories.com/f/web-development/custom-page-frameworks/page-content-injections/script-injections/content-script-injection-architectures.md) — Injects JavaScript and CSS into the Bilibili page context to modify the DOM and styles at runtime.
- [DOM Mutation Observation](https://awesome-repositories.com/f/web-development/dom-mutation-observation.md) — Monitors changes to the Bilibili page DOM tree and reapplies customizations dynamically as content loads.

### Development Tools & Productivity

- [Userscript Managers](https://awesome-repositories.com/f/development-tools-productivity/userscript-managers.md) — Works alongside or replaces UserScript managers to apply custom modifications to specific websites.