Please be sure to read the FAQ before asking questions, many useful things are covered there.
| Eagl3s1ght Sweden. July 01 2011 17:45. Posts 186 | Profile Blog # |
![[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] + + Show Spoiler [Version 7 Screenshot] + + Show Spoiler [Version 3 Screenshot] + + Show Spoiler [Version 1.5 Screenshot] +
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] +http://www.teamliquid.net/blogs/viewblog.php?id=226915 IntroductionI'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. PreviewHere 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 ScriptLink 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 restyledThis 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]Last edit: 2012-10-05 19:12:17 |
|

|
| Pmoss United States. July 01 2011 17:46. Posts 57 | Profile # | |
|
|
flamewheel HANG KANG. July 01 2011 17:47. Posts 21483 | Profile Blog # |
| I'm probably not going to use this because I like the light-screened version better, but it still looks sick. Great job! |
| | Clouds are making way for me. | |
|
|
| Blackrobe United States. July 01 2011 17:59. Posts 666 | Profile # |
| Will have to give it a try! :D |
| | "To make no mistakes is not in the power of man; but from their errors and mistakes the wise and good learn wisdom for the future." | |
|
|
| TheAmazombie United States. July 01 2011 17:59. Posts 3632 | Profile Blog # |
| This does look nice. I might try it out as I like darkening everything. |
| | We think too much and feel too little. More than machinery, we need humanity. More than cleverness, we need kindness and gentleness. Without these qualities, life will be violent and all will be lost. -Charlie Chaplin |
|
|
Klogon MURICA. July 01 2011 18:04. Posts 15806 | Profile Blog # |
| Great work. I like my websites lighter but I am sure there will be tons of fans of your work. =D |
|
|
| rebuffering Canada. July 01 2011 18:09. Posts 1388 | Profile # |
OMG this is amazing man! i cant thank you enough, using it right now, and it looks really good. Actually adds a lil bit of flare to the site. no offence TL i love the site as is as well! but this is truly awsoeme. thanks again.
Small suggestion, when in preview mode, the previewed text is a lil bit hard to read, might just be me tho! |
| | When I die, I want people to say about me "That guy sure owed me a lot of money" |
|
|
Bumblebee July 01 2011 20:41. Posts 2139 | Profile Blog # |
| Yeah, very cool with various TL themes. I'll be sticking to the original one since it fits me perfectly though. GW! |
| | There is no difference between a knight and any other man aside from what he wears. | |
|
|
| gosuMalicE Canada. July 01 2011 20:49. Posts 624 | Profile # |
link will not work for me (chrome user)
Edit: Nvm I am an idiotLast edit: 2011-07-01 20:49:44 |
| | I play Protoss, because lets face it, who doesn't love hyper-advanced Egyptian ninja-aliens that kill people with lightsabres attached to both arms? |
|
|
| pandaminion United States. July 01 2011 21:30. Posts 269 | Profile # |
Nice work, I really like darker themes. Easier on the eyes. Few things though:
Maybe an option to have the background just a grayscale? The planet is cool and all, but it's a little distracting.
Also, you might want to make the signature bar the same color as the background of the text. For people who don't have a signature, or just a mood, it appears as a big black solid line which is kind of awkward to look at. TL just distinguishes the post from the signature with a line -- maybe you could do that too?Last edit: 2011-07-01 21:30:15 |
|
|
| Faruep Germany. July 01 2011 21:45. Posts 100 | Profile Blog # |
great theme, would be great if the 4 preview boxes of the news were dark too. I also noticed a blue stripe on the right side of the TL banner when watching a stream:
![[image loading]](http://i.imgur.com/45WPj.jpg)
those are the only bugs I noticed, good theme overall  Last edit: 2011-07-01 21:48:17 |
|
|
| bennyaus Australia. July 01 2011 21:48. Posts 1833 | Profile Blog # |
| I prefer this. Thankyou, sir. |
| | I play Random - HuK, DRG + Liquid fan |
|
|
| Sunney Malaysia. July 01 2011 21:52. Posts 106 | Profile Blog # |
| awesome stuffs man. Thanks! |
| | Roses are red, violets are blue. I have 5 fingers & the middle ones for you | "It's fairly even, except I've got alot of infestors." - Steven Bonnell II |
|
|
| Kleinmuuhg Vanuatu. July 01 2011 21:55. Posts 1833 | Profile Blog # |
For the environment! Saving energy! Excelsior! |
| | Quoting a famous person doesn't make you famous. |
|
|
| fatboy United States. July 01 2011 21:58. Posts 5 | Profile # | |
|
|
| weaknurse Australia. July 01 2011 22:06. Posts 318 | Profile # |
| Darker Site=Better for your eyes. |
|
|
| FinnGamer Germany. July 01 2011 22:09. Posts 2420 | Profile Blog # |
| Really good, the only problem I have, is that you can't read blue/red names |
| | "hopefully swing the favor in your advantage." - Day[9] | |
|
|
| meffo Sweden. July 01 2011 22:28. Posts 108 | Profile # |
| this is amazing! thank you so much. now TL finally comes in something that's a bit more friendly to the eyes. |
| | for now we see through a mirror in an enigma, but then face to face. now I know in part, but then I shall know as also I was fully known. - 1 corinthians 13:1 (12) |
|
|
| Eagl3s1ght Sweden. July 01 2011 22:54. Posts 186 | Profile Blog # |
On July 01 2011 22:09 FinnGamer wrote: Really good, the only problem I have, is that you can't read blue/red names
Please provide a URL to this, and maybe a screenshot if its hard to find on the page, then I\ll fix it.  |
|
|
| AnxiousHippo Australia. July 01 2011 23:04. Posts 1445 | Profile Blog # |
It looks amazing, but it would throw me off using my iPod it's much easier to have one theme in general. But don't let that throw you off. Come on people, this is great work. Give the man some recognition. |
| | An apple a day keeps the Protoss away | TLHF |
|
|
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 Next All |
|