This repository is where I upload any tweaks I make to a webpage I think people could benefit from.
I typically create them to fix inconsistencies or general design flaws on a given webpage.
I highly suggest that you use the extension Stylus as it will make installing and managing these styles possible, if not, significantly easier. You can get Stylus from the links below depending on your browser:
Stylus for Firefox
Stylus for Chrome/Chromium based browsers
NOTE: Chromium based browsers may need a companion extension to enable installing extensions from the Chrome Webstore. The companion extensions are typically available from your browsers extension store page.
- Navigate to the folder containing the style you would like to install.
- Find the name of the style you would like to install in the README at the bottom of page and click its link.
- A new tab should open offering to install or update the Style. (Should Stylus not load, refresh the newly opened tab.)
- Click install style on the Stylus window that shows.
- Each style contains a brief description of its function. If you are unsure as to what each style does, the description should help clear it up somewhat. If you still don't have an idea of a styles function, you can always give the style a try and remove it if you don't notice anything or if you don't like the changes it makes.
- Some styles make use of the Stylus syntax which means that they arent completely vanilla CSS.
- Some styles make use of the CSS :has selector which means that legacy browsers wont be able to use that style. Below is a list of supported browser versions which have CSS :has selection support enabled by default.
- Chrome: 105+
- Edge: 105+
- Safari: 15.4+
- Firefox: 121+
- Opera/OperaGX: 91+