Stylebot

Stylebot is a browser extension that lets you change the appearance of the web instantly.

Available on Chrome, Firefox and Edge.

Easy to use: Pick and style elements using UI actions
Simple & Quick: Changes are saved instantly
Code editor - Write your own CSS
Readability Mode - Make articles on any site readable by hiding non-essential page elements like sidebars, footers and ads.
Grayscale Mode - Turn on grayscale to reduce strain from websites

How to contribute

Donate

Buy me a coffee via Ko-fi

Translate

Add support for a locale via the following steps

See supported locales
If src/_locales/[locale].config already exists, please help improve translations
If not, copy src/_locales/en.config to src/_locales/[locale].config
Update strings in src/_locales/[locale].config to match the locale

Add new features or fix bugs

If you would like to add a new feature to Stylebot or fix a bug, submit an issue in GitHub (if there is no existing one), discuss it, and wait for approval.

Development

Firefox

Run yarn watch:firefox to build locally
Run yarn start:firefox to launch Firefox with development build

Chrome/Edge

Run yarn watch to build locally
Open chrome://extensions page.
Disable the official Stylebot version.
Enable the Developer mode.
Click Load unpacked extension button
Navigate to the project's dist/ folder

Release

Add entry to CHANGELOG
Update version in package.json and src/extension/manifest.json
Chrome and Edge: Run yarn build and manually create zip for distribution from dist/
Firefox: Run yarn build:firefox and manually create zip for distribution from firefox-dist/

Patches

Patches to dependencies are located under /patches and are automatically applied on running yarn using patch-package.

bootstrap-vue+2.21.1.patch - Patch to work around a requestAnimationFrame issue in Firefox extensions.

License

Stylebot is MIT licensed.

vemv/stylebot