https://github.com/simurai/user-styles

Customize your beloved websites
https://github.com/simurai/user-styles

css twitter user-styles youtube

Last synced: about 1 month ago
JSON representation

Customize your beloved websites

• Host: GitHub
• URL: https://github.com/simurai/user-styles
• Owner: simurai
• License: mit
• Created: 2016-12-22T12:58:56.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2020-04-09T01:19:17.000Z (about 5 years ago)
• Last Synced: 2025-03-25T16:45:02.307Z (2 months ago)
• Topics: css, twitter, user-styles, youtube
• Language: CSS
• Homepage:
• Size: 11.7 KB
• Stars: 11
• Watchers: 2
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## User Styles

Here some user-styles to customize your beloved websites.

## Twitter

[Get the styles](twitter.css)

This hides all the meta information and only shows the essential content. You can still [hover each tweet](https://cloud.githubusercontent.com/assets/378023/21449668/1173df8e-c933-11e6-8faa-d17d6402a2e4.gif) to see the meta information or access other actions.

Before | After | In use

--- | --- | ---

![twitter-before](https://cloud.githubusercontent.com/assets/378023/21449665/1131db52-c933-11e6-8926-3826ff56112f.png) | ![twitter-after](https://cloud.githubusercontent.com/assets/378023/21449666/115caa8a-c933-11e6-9469-db7de1719417.png) | ![twitter-in-use](https://cloud.githubusercontent.com/assets/378023/21449668/1173df8e-c933-11e6-8faa-d17d6402a2e4.gif)

## YouTube

[Get the styles](youtube.css)

If you enable [Theater mode](https://cloud.githubusercontent.com/assets/378023/21558286/bccc606c-ce7a-11e6-9903-6270279a4d46.gif), the video will take up the whole height of the window. It lets you watch distraction-free without having to go to fullscreen. You can still [scroll down](https://cloud.githubusercontent.com/assets/378023/21558286/bccc606c-ce7a-11e6-9903-6270279a4d46.gif) if you like to read more infos.

Before | After | In use

--- | --- | ---

![youtube-before](https://cloud.githubusercontent.com/assets/378023/21558285/bccc438e-ce7a-11e6-91cf-93824db0974a.png) | ![youtube-after](https://cloud.githubusercontent.com/assets/378023/21558284/bccb58ac-ce7a-11e6-93ff-5056a63efe54.png) | ![youtube-in-use](https://cloud.githubusercontent.com/assets/378023/21558286/bccc606c-ce7a-11e6-9903-6270279a4d46.gif)

---

### How to install

1. Install one of those "user-styles" browser extensions, like [User CSS](https://chrome.google.com/webstore/detail/user-css/okpjlejfhacmgjkmknjhadmkdbcldfcb) for Chrome.

2. Click on the "Get the styles" link above and copy the CSS styles.

3. Go to the appropriate site, for example [twitter.com](https://twitter.com/) if you want to use "Twitter", open the extension and paste the copied CSS styles.

4. Done!! It should look somewhat close to the screenshot.

### Some notes:

- Only tested in Chrome. But should still work in other browsers too.

- There are probably a few bugs or inconsistencies.

- The styles might break if the site changes the class names.