https://github.com/outfrost/usercss
Custom website styles for use with Stylus
https://github.com/outfrost/usercss
stylus twitch usercss userstyle
Last synced: 11 months ago
JSON representation
Custom website styles for use with Stylus
- Host: GitHub
- URL: https://github.com/outfrost/usercss
- Owner: outfrost
- License: mit
- Created: 2019-03-15T02:13:10.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2020-06-05T03:55:14.000Z (almost 6 years ago)
- Last Synced: 2025-03-04T20:43:04.119Z (over 1 year ago)
- Topics: stylus, twitch, usercss, userstyle
- Language: CSS
- Size: 4.88 KB
- Stars: 4
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# UserCSS
Custom website styles for use with [Stylus](https://github.com/openstyles/stylus) (or any other UserCSS browser extension)
To install a style, simply click on the "Install directly with Stylus" button. It should work instantly with other extensions too, but in case it doesn't, you can copy the displayed code and paste it into an "Import" window or a new style in your preferred UserCSS manager.
You will receive style updates automatically, as long as your UserCSS manager supports them.
## Styles
### [Twitch player resolution fix](twitch-player-resolution-fix.user.css)
[](https://raw.githubusercontent.com/outfrost/usercss/master/twitch-player-resolution-fix.user.css) [](https://raw.githubusercontent.com/outfrost/usercss/master/twitch-player-resolution-fix.user.css)
Stops unwanted upscaling of stream video feeds by adjusting the width of other page elements (specifically, the navigation sidebar that shows your followed channels and friends).
In a maximised browser window, on a 2560x1440 display, provides a 1920x1080 stream player (1:1 resolution for most 1080p streams). On a 1920x1080 display, provides a 1280x720 stream player (1:1 resolution for most 720p streams). Thanks to this, you can now have a perfectly crisp video feed (and still see chat!) if the stream you're watching matches one of these common resolutions.
Check if it works correctly for you by clicking the cog icon in the stream player, going to "Advanced" and turning on "Video stats". "Display resolution" should be one of those mentioned above. Please report any errors in [issues](https://github.com/outfrost/usercss/issues).
### [Steam Workshop layout fixes](steam-workshop-fixes.user.css)
[](https://raw.githubusercontent.com/outfrost/usercss/master/steam-workshop-fixes.user.css) [](https://raw.githubusercontent.com/outfrost/usercss/master/steam-workshop-fixes.user.css)
A few fixes for annoying issues and sloppy designs in parts of the Steam Workshop page layout.
* Fixes subscribe buttons next to items in Workshop collections phasing into another dimension
* Makes the item list in collection edit mode a bit taller, so you don't have to second guess whether you've scrolled too far
Please report any errors in [issues](https://github.com/outfrost/usercss/issues).
## Contributing
Pull requests open. Please thoroughly explain any changes submitted. [Issues](https://github.com/outfrost/usercss/issues) are a good place to talk about bugs and development.