EPT![[image loading]](http://localhostr.com/files/nndN1RJ/thread-top19.0.2.fw.png)
Hey there!
Introduction
I have created a Chrome extension to give a more pleasing experience during the night to eyes of gamers who visit teamliquid.net.
The idea sprung up when I got pretty much flashed by the bright design when alt-tabbing from Starcraft while sitting in a pitch-black room.
This project has undergone extensive changes since the beginning which has brought both good and bad news.
Good news: easier to manage for me and a more secure and stable experience for the end-user.
Bad news: the theme will only be available for Chrome until I have ported the extension to Firefox & Opera (something I am planning to do.)
This means that the userscript on userscripts.org will be discontinued.
I apologize for the inconvenience this may cause to loyal users who enjoyed the past userscripts.
Preview
Here is a screenshot preview of how the website will look:
Version 19.0.2
![[image loading]](http://2.imgland.net/n5WSWRr.png)
+ Show Spoiler [Version 15.6 Screenshot] +
![[image loading]](http://localhostr.com/files/bvNSqON/capture.png)
+ Show Spoiler [Version 7 Screenshot] +
![[image loading]](http://i.imgur.com/tvOYc.png)
+ Show Spoiler [Version 3 Screenshot] +
![[image loading]](http://localhostr.com/files/1PJlpG6/capture.png)
+ Show Spoiler [Version 1.5 Screenshot] +
![[image loading]](http://localhostr.com/files/zbH1BvJ/capture.png)
Installing the Script
Chrome users can go to the Chrome webstore and install the extension here:
https://chrome.google.com/webstore/detail/teamliquid-dark-theme/amhleonjhpnnjbciomimcenodbaefkpl?hl=en
+ Show Spoiler [Old content] +
This is actually kind of a repost of my Blog Post with the exact same content, I don't feel that it has been seen by the community in the way I think it deserves. Not a surprise as alot of people probably don't read the blogs. Enjoy!
+ Show Spoiler [Old Thread Link] +
Introduction
I've been creating a greasemonkey script which restyles the teamliquid site to a more "dark room friendly" style. I got the idea when I got pretty much flashed by the bright design while sitting in my pitch-black room.
If you have suggestions for additional features that you are missing, feel free to let me know.
Preview
Here is a screenshot preview of how the website will look:
Version 15.6
+ Show Spoiler [Version 7 Screenshot] +
+ Show Spoiler [Version 3 Screenshot] +![[image loading]](http://localhostr.com/files/QXD5fK6/v3_preview.png)
+ Show Spoiler [Version 1.5 Screenshot] +![[image loading]](http://localhostr.com/files/7V3D32j/v1.5_preview.png)
Installing the Script
Link to the Greasemonkey script: http://userscripts.org/scripts/source/103604.user.js
![[image loading]](http://localhostr.com/files/3zemFud/firefox.png)
Mozilla Firefox Users: you need the Greasemonkey plugin: https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/
![[image loading]](http://localhostr.com/files/r1Hg1JD/chrome.png)
Chrome Users: In Chrome v22, it is no longer possible to install userscripts if they aren't on Chrome Store without the use of an extension, so- install the Tampermonkey extension and then install the userscript with Tampermonkey. [thanks madestro for the research].
If you're still below v22, you can just click the top link, and accept to install the script.
![[image loading]](http://localhostr.com/files/ujHY6FE/opera.png)
Opera Users: + Show Spoiler +
![[image loading]](http://localhostr.com/files/5V9saFF/explorer.png)
Internet Explorer Users: you'll need to check out this link first: http://www.ghacks.net/2008/11/16/install-greasemonkey-scripts-in-internet-explorer/ If you got it to work for Internet Explorer, please let me know!
+ Show Spoiler [UNINSTALL GUIDE] +
What browser do you use?
Mozilla Firefox: Tools > Addons > User Scripts > Inactivate or Remove the TeamLiquid Dark Theme.
Google Chrome: Tools > Extensions > Uninstall or Disable the TeamLiquid Dark Theme.
Opera: Remove the script from your Opera script folder.
Some of the options may be named differently, I use a swedish Mozilla Firefox.
I hope that helped you out. Feel free to message me again if you have any problems regarding the script.
Compability
The script is tested and works with Chrome and Firefox.
Opera is experimental. Internet Explorer is not tested.
F.A.Q
- Why does it take a few seconds on every pageload for the script to apply the styling?
Because browsers have decided that userscripts can't execute before the page is loaded.
Work-around for the flicker:
http://www.teamliquid.net/forum/viewpost.php?post_id=10435548
- A message which says "Imagehost is offline" appears and the site doesn't get restyled
This is an error message I placed to prevent the site from breaking when my computer a.k.a. the host of all dark pictures gets turned off. Because I don't have a dedicated host, this will happen. Worry not, and post not, because the host will be online up to a week later.
- Why does it take a few seconds on every pageload for the script to apply the styling?
Because browsers have decided that userscripts can't execute before the page is loaded.
Work-around for the flicker:
http://www.teamliquid.net/forum/viewpost.php?post_id=10435548
+ Show Spoiler [Old Thread Link] +
http://www.teamliquid.net/blogs/viewblog.php?id=226915
Introduction
I've been creating a greasemonkey script which restyles the teamliquid site to a more "dark room friendly" style. I got the idea when I got pretty much flashed by the bright design while sitting in my pitch-black room.
If you have suggestions for additional features that you are missing, feel free to let me know.
Preview
Here is a screenshot preview of how the website will look:
Version 15.6
+ Show Spoiler [Version 7 Screenshot] +
+ Show Spoiler [Version 3 Screenshot] +
+ Show Spoiler [Version 1.5 Screenshot] +
Installing the Script
Link to the Greasemonkey script: http://userscripts.org/scripts/source/103604.user.js
Mozilla Firefox Users: you need the Greasemonkey plugin: https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/Chrome Users: In Chrome v22, it is no longer possible to install userscripts if they aren't on Chrome Store without the use of an extension, so- install the Tampermonkey extension and then install the userscript with Tampermonkey. [thanks madestro for the research].If you're still below v22, you can just click the top link, and accept to install the script.
Opera Users: + Show Spoiler +Internet Explorer Users: you'll need to check out this link first: http://www.ghacks.net/2008/11/16/install-greasemonkey-scripts-in-internet-explorer/ If you got it to work for Internet Explorer, please let me know!+ Show Spoiler [UNINSTALL GUIDE] +
What browser do you use?
Mozilla Firefox: Tools > Addons > User Scripts > Inactivate or Remove the TeamLiquid Dark Theme.
Google Chrome: Tools > Extensions > Uninstall or Disable the TeamLiquid Dark Theme.
Opera: Remove the script from your Opera script folder.
Some of the options may be named differently, I use a swedish Mozilla Firefox.
I hope that helped you out. Feel free to message me again if you have any problems regarding the script.
Compability
The script is tested and works with Chrome and Firefox.
Opera is experimental. Internet Explorer is not tested.
F.A.Q
- Why does it take a few seconds on every pageload for the script to apply the styling?
Because browsers have decided that userscripts can't execute before the page is loaded.
Work-around for the flicker:
http://www.teamliquid.net/forum/viewpost.php?post_id=10435548
- A message which says "Imagehost is offline" appears and the site doesn't get restyled
This is an error message I placed to prevent the site from breaking when my computer a.k.a. the host of all dark pictures gets turned off. Because I don't have a dedicated host, this will happen. Worry not, and post not, because the host will be online up to a week later.
- Why does it take a few seconds on every pageload for the script to apply the styling?
Because browsers have decided that userscripts can't execute before the page is loaded.
Work-around for the flicker:
http://www.teamliquid.net/forum/viewpost.php?post_id=10435548
F.A.Q
- I went on a page which needs to be restyled, what do I do?
Post the URL of the page which needs restyling in this thread.
Last Words
Let me know what you think, I am glad to provide this to the community and I hope it will be appreciated![/i]
(chrome user)![[image loading]](http://i.imgur.com/45WPj.jpg)
