Escapist Dark Theme

[Gauche]

Came across a dark theme for the escapist by Ferawyn here [https://userstyles.org/styles/112335/escapist-dark-theme]

I installed it but found the site still too bright for my liking
Knowing nothing of CSS I edited the script file and after much trial and error have modified it to my liking

Spoiler: The fruits of that labor - Edit: 6/19/2017

Homepage
Forums
Forum poll
Groups
Article
Video
Video Gallery
Comic

If any of you would like a copy you'll first need Tampermonkey which can be found here [https://tampermonkey.net/]

Then download the theme from here [https://gist.github.com/GaucheRabbit/8ed58cef8be6fe7abf9b8b767ae173b2/raw/7492fdcc9f1708651537875f056757c297e93d82/Escapist%2520Dark%2520Theme%2520v6.user.js][footnote]5/30/2017 - Initial release
[/footnote][footnote]6/1/2017 - v3[li]Right column returns - genuinely forgot about it[/li]
[li]Polls black[/li]
[li]Preview poll text fields black/grey font[/li]
[li]Escapist search background black/text field normal[/li]
[li]Jump to forum black[/li]
[li]Game name featured in article title highlighted blue[/li]
[/footnote][footnote]6/5/2017 - v4
[li]Video section properly darkened[/li]
[li]Escapist icon returns[/li]
[li]Minor changes[/li]
[/footnote][footnote]6/19/2017 - v5
[li]Facebook comment section darkened - will also darken other sites if the comment plugin is present[/li]
[li]Charcoal highlighting[/li]
[li]Lots of general site darkening (Profile/Groups/Video Galleries/Comics)[/li][/footnote][footnote]7/5/2017 - v6
[li]General code improvements[/li]
To do: override CSS !important - learn to edit iframes[/footnote]

Afterwards just extract the user.js file and drop it into your browser to install
New link should prompt you to install the script after having installed Tampermonkey

I have very little coding knowledge so I'm unsure if it'll work outside Firefox
I've probably committed several coding sins which I profusely apologize for
Didn't bother going the distance with this so the store and arcade aren't optimized
Couldn't figure out why the escapist icon in the social media sharing section wouldn't show through
Mostly made it for the forums as late night reading is rough on the eyes

Edit: Adding footnotes to document changes

 

[DoPo]

I have very little coding knowledge so I'm unsure if it'll work outside Firefox

Userscripts are standard and cross-browser compatible, as long as the browser knows how to interpret them. For Firefox and Chrome, you need an addon (Greasemonkey/Tampermonkey) but, say, Opera has native support. Basically, it should work on other browsers.

For the record, you can put userscripts on Greasy Fork [https://greasyfork.org/en] - it's a where a lot of people publish their userscripts.

I've probably committed several coding sins which I profusely apologize for

Using a custom stylesheet is much much easier than writing JavaScript that does the same. It should also be easier to use them - all browser support those, too. Again, some may require an addon - Stylish is one for both Firefox and Chrome.

The repository for userstyles is Userstyles.org [https://userstyles.org/]

Other than that - good work! Looks pretty good.

 

[Gauche]

I have very little coding knowledge so I'm unsure if it'll work outside Firefox

Userscripts are standard and cross-browser compatible, as long as the browser knows how to interpret them. For Firefox and Chrome, you need an addon (Greasemonkey/Tampermonkey) but, say, Opera has native support. Basically, it should work on other browsers.

For the record, you can put userscripts on Greasy Fork [https://greasyfork.org/en] - it's a where a lot of people publish their userscripts.

Ah, that is reassuring to know

Actually knew of greasyfork beforehand but went with uploading it on github as I already had an account there
That and greasyfork just rubs me wrong

I've probably committed several coding sins which I profusely apologize for

Using a custom stylesheet is much much easier than writing JavaScript that does the same. It should also be easier to use them - all browser support those, too. Again, some may require an addon - Stylish is one for both Firefox and Chrome.

The repository for userstyles is Userstyles.org [https://userstyles.org/]

Other than that - good work! Looks pretty good.

Hearing I went about the seemingly obtuse route does bring me woe but at least I learned something out of making it
Now if I'll apply that in any future endeavors...

Thanks! Not everyday are you complimented for work the quality of your shaky on

 

[Marik2]

Wow this looks good. Can it be used on mobile?

 

[Fijiman]

It looks pretty nice. I'm not going to use it because I'm lazy, but it looks nice.

 

[Gauche]

Wow this looks good. Can it be used on mobile?

The color scheme helps but thanks

Hadn't considered that
Can't force mobile version on my desktop browser (bottom link don't work) and my smart phone is a potato so that leaves me no way of checking
Leaning towards no since mobile sites tend to be vastly different

 

[Gauche]

It looks pretty nice. I'm not going to use it because I'm lazy, but it looks nice.

lol thanks
Put off making it for the longest time out of laziness but eventually got fed up with being blinded
Sloth is a horrid sin

 

[bluegate]

Wow this looks good. Can it be used on mobile?

The color scheme helps but thanks

Hadn't considered that
Can't force mobile version on my desktop browser (bottom link don't work) and my smart phone is a potato so that leaves me no way of checking
Leaning towards no since mobile sites tend to be vastly different

If you use chrome, you can easily force websites to load mobile versions by opening the Developer Tools ( Ctrl + Shift + i ) and then enabling the Device Toolbar ( Ctrl + Shift + M ).

FireFox should have a similar function, or you can install User-Agent Switcher which lets you switch user agents by clicking on an add-on tile.

Wow this looks good. Can it be used on mobile?

As long as you can find a mobile browser that allows the installation of add-ons. The only mainline browser I have found that does this is Firefox on Android.

Talking about Firefox on Mobile, you might find this to be useful.

 

[Gauche]

Wow this looks good. Can it be used on mobile?

The color scheme helps but thanks

Hadn't considered that
Can't force mobile version on my desktop browser (bottom link don't work) and my smart phone is a potato so that leaves me no way of checking
Leaning towards no since mobile sites tend to be vastly different

If you use chrome, you can easily force websites to load mobile versions by opening the Developer Tools ( Ctrl + Shift + i ) and then enabling the Device Toolbar ( Ctrl + Shift + M ).

FireFox should have a similar function, or you can install User-Agent Switcher which lets you switch user agents by clicking on an add-on tile.

I run Firefox v28
Oldest version of User-Agent Switcher only supports v29+

Installed Chrome though and got it working there so thanks

Spoiler: Mobile view - Nexus 5X

From the get go I saw the article text highlighting didn't work so odds are other things aren't functioning either but overall it does darken the site so mission complete there
Wasn't able to touch the navbar though - think that is gonna have to stay white for now

Haven't looked into mobile browsers for years but I knew Dolphin supported Tampermonkey back in like 2015
Latest update on that was back in September 2016

Another would be the mobile UC browser
Its version of Tampermonkey on the google store ((free)latest update March 2016) was blocked in my US region
Had to grab it on those apk hosting sites
Can confirm it works on my phone

Mobile UC browser is phenomenal though
It already has built in themes that apply to the layout of all sites making my userscript completely irrelevant

Spoiler: Escapist via UC browser

 

[Avnger]

I love the dark theme! I might actually give it a go.

 

[Ava Wilson]

It looks really great! I'm looking for a proper theme right now as I want to build a website in order to present my services online. Recently I have been suggested to try Proven 10+ One-Page WordPress Themes To Boost Your Online Presence from https://www.templatemonster.com/blog/10-best-one-page-wordpress-themes-boost-online-presence/ and I like their design. But I want to find several variants to choose from. And your theme is also very interesting, so I haven't decided yet. Maybe I should try it. Anyway, thanks for sharing!