Dark theme for Steemit

steemit-dark custom stylesheet

Wait WTF is this ?

Would you prefer a darker theme for steemit like the screenshots below ?

You're in luck! I just wrote a userscript and alternative stylesheet for steemit, If you want to save your eyes, follow the steps below to install the steemit-dark theme .

Sold! How do I install ?

The theme is compatible with most popular browsers :)

Install greasemonkey for firefox

Install tampermonkey for chrome

Opera has native support for userscripts

View the script source to install - https://ausbitbank.pubstorm.site/js/steemit-dark.user.js. (Or view PGP Sig)

Click install, refresh steemit and you are DONE.

What's changed exactly ?

v0.1 - Modified main content area, header and editor toolbars & to black background, white text
v0.2 - Tweaked black to 0f0f0f, white to shades of DDDDDD , added classes for comment boxes
v0.3 - Added styling for TagsIndex , changed links to BBBBBB
v0.4 - Used CSS invert filter on comment silhouettes, 4ba2f2 highlights for header divider, title tag & "hamburger" menu icon
v0.5 - Added highlight to sidebar border, tweaked the silhouette invert filter so it works in Chrome too
v0.6 - Added more blue highlights to hr, vertical dividers . Reformatted market tickers,orderbook & past transactions for readability

Hey I just met you, and this is crazy, but it's my steemit , you'll hax me maybe ?

@fischbrot in the comments below makes a valid point about security, and using custom javascript overlays in what is basically a wallet. I've made some design choices to limit risk in this regard (I use this daily too!) including:

Keeping the userscript source as short, simple and readable as possible by pushing all design modifications to a css stylesheet instead of in the userscript. This way the potentially dangerous side of the script is quick and easy to audit. I don't need to update this javascript again, and there is no auto-update functionality that will push future changes to the userscript.
Any future design/layout/formatting changes can now be handled purely in CSS. This means it cannot force you to force-click links, steal cookie or wallet data or any of the other tricks available if I'd used javascript.
I've signed the code with my PGP key for [email protected] - https://ausbitbank.pubstorm.site/js/steemit-dark.user.js.sig. If the signature can be verified, then the code definitely came from me.
I Made sure both the js and css are requested over HTTPS/SSL encryption. This removes the risk of Man-In-The-Middle attacks hijacking and inserting different, dodgy javascript (against all but NSA level opponents).
Worst case, even you don't trust me or my dirty code to not pull off some epic hack using css alone (Thanks!) You can simply copy and host the .js and .css files yourself, even on your local computer with no server.

Please let me know if there are any changes you'd like to see or if you need assistance. All code is open source and free for anyone to customize as they wish :) Enjoy!