https://github.com/foggalong/website-restyles

Userscripts to restyle websites
https://github.com/foggalong/website-restyles

greasemonkey stylish stylus userscript

Last synced: 29 days ago
JSON representation

Userscripts to restyle websites

• Host: GitHub
• URL: https://github.com/foggalong/website-restyles
• Owner: Foggalong
• License: gpl-3.0
• Created: 2014-07-20T16:24:57.000Z (over 10 years ago)
• Default Branch: main
• Last Pushed: 2024-08-13T10:47:57.000Z (6 months ago)
• Last Synced: 2024-11-15T00:46:01.377Z (3 months ago)
• Topics: greasemonkey, stylish, stylus, userscript
• Language: JavaScript
• Homepage:
• Size: 662 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Website Restyles

Userscripts for restyling websites to my own liking, intended as a simpler alternative to [Stylus](https://github.com/openstyles/stylus).

## Installation

1. Install a userscript manager browser add-on

    1. For Firefox get [GreaseMonkey](https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/)

    2. For Chrome get [TamperMonkey](https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=en)

2. Go into the [styles](styles/) folder and click on the script you want

3. Click the RAW button at the top right of the code

4. Follow the instructions in the pop-up, and you're done \O/

## Template

The [included template](template.user.js) can be used to create new restyles. Replace `$SITENAME` with the website's name (e.g. `GitHub`), and

```javascript

// @include       https://www.$WEBSITE-URL.com/*

```

with the website base URL. For example,

```javascript

// @include       https://github.com/*

```

If you're not me, you'll also want to update `@author` and `@homepage`. Then simply replace the content of the `styles` multi-line string with whatever CSS you wish to inject.