userstyles.org - Twitch.tv - Dark / Black / Customisable Theme

A massively customisable dark / black / white / gray interface for twitch.tv. Contains font options, icon hiding, useful pop out chat functionality etc.

Please note that due to this style having settings it will not in fact automatically update. Check back in if Twitch breaks or if it's been a while since you updated.

To use this style, install Firefox and Stylish. If you already have Stylish, make sure this site is allowed to run JavaScript.

(Though installing Stylish is recommended, if your browser supports user scripts, you can also install this style as a user script.)

Twitch.tv - Dark / Black / Customisable Theme
145638
78830
twitch
Author SirFist
License CC BY-SA
Created Nov 21, 2012
Updated Apr 5, 2014
Installs (this week) 1,249
Installs (total) 80,220
Average rating Good
Show CSS

Notes

Please note that due to this style having settings it will not in fact automatically update. Check back in if Twitch breaks or if it's been a while since you updated. Userstyles should remember your settings for when you update.

Change Log (ddmmyyyy)
17/04/2014 @ 23:17 - Hide large/small options tweaked.
11/04/2014 @ 18:27 - Fixed the hide chat room option to disable the invite notification too.
09/04/2014 @ 11:22 - Added the new chat room stuff, restored it appearing by default.
05/04/2014 @ 11:54 - Option to make the new pop out chat less retarded looking. Chat popped out overlay styled in black themes. Now hides obnoxious sub emote whoring icon by default (if you want this back you're awful and can do it manually).
05/04/2014 @ 11:14 - Fixed hiding bookmark / share buttons. Might be a bit too aggressive now? Report if it kills your family or something, I guess.
04/04/2014 @ 11:56 - Fixed chat alignment.
03/04/2014 @ 20:45 - Fixed some buttons and added support for the weird new chat shit added (By support I mean it's hidden by default because I can't access any of it as I'm neither a partner nor a turbofag).

Older Changes

Support
If you need or want to contact me to report problems or for any other reason you can do so on the SpeedRunsLive IRC (as sirfist), on Twitch or via Twitter.

The code being a complete mess is not actually a problem and is in fact a feature.

Faces problem info
For Twitch face fixes go here here. This fix is no longer updated, read the style's description for a guide on fixing them yourself, it's probably not worth the effort due to the frequency of twitch's changes. A greasemonkey script or similar would be needed to properly fix faces.

Help
Please note that due to this style having settings it will not in fact automatically update. Check back in if Twitch breaks or if it's been a while since you updated.

BetterTTV support is minimal as the author has not provided an option to disable his own CSS changes. Hassle him for that if you want flawless support, I will not be doing so as I do not actually use the extension myself.

For font choice see CSS Font Stack for a better idea of what you want to use. Please note that although Helvetica is the default font on Twitch, Windows does not in fact ship with it and thus on the majority of Windows based PCs will revert to Arial.

The Twitch default turbo icon colour is "#6441A5"

The divided chat styles divide the chat by adding a different background colour to every other line of text in chat (dark/light/dark/light/etc.).

Hiding the left sidebar hides the sidebar based on preference but only within actual stream pages.

Chat size simply resizes the chat a set percent up to 125% of original size.

Known Bugs
Some font settings will result in wasted space after usernames if the user types an overly long word or has an exceptionally long username.

There's almost certainly issues involved with any partner only functions, I can't fix these as I do not have a twitch partnership and don't have access to any pages associated with these functions.

Notes:
[ ** ] Highlight the top of the stream to see the description.
[ *** ] Turbo colours are not included in lightening due to how many potential colour values there are. Use this option in conjunction with block turbo colours if you are having issues with unreadable names.

Miscellaneous
Should you feel so inclined feel, free to follow my Twitch here.
Advertisement

Feedback

Discussions

Ask a new question or add a review for this style.