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.