Steemit.com Mod: Night Mode v0.0.2

Few hours ago @klye posted the v0.0.1 version of the great Steemit.com Mod: Night Mode what inspired me and i spent some time to develop further.

Here is the Chrome:Tampermonkey/FireFox:Greasemonkeycode of the Steemit.com Mod: Night Mode v0.0.2 created by me:

// ==UserScript==
// @name          Steemit.com Night Mode
// @namespace     http://userstyles.org
// @description   Easier CSS on the eyes for Steemit.
// @author        KLYE
// @supportURL    https://steemit.com/steemit/@klye/steemit-com-mod-night-mode
// @author        eaposztrof
// @supportURL    https://steemit.com/steemit/@eaposztrof/steemit-com-mod-night-mode-v0-0-2
// @homepageURL   https://steemit.com/trending/mod-nightmode
// @include       http://steemit.com/*
// @include       https://steemit.com/*
// @include       http://*.steemit.com/*
// @include       https://*.steemit.com/*
// @run-at        document-start
// @updateURL     https://raw.githubusercontent.com/eapo/Steemit.com-Night-Mode/master/mod-nightmode-script
// @downloadURL   https://raw.githubusercontent.com/eapo/Steemit.com-Night-Mode/master/mod-nightmode-script
// @version       0.0.2
// ==/UserScript==

(function() {var css = [
    "html, .App__content, div.Header__top.header, .UserProfile__top, .drag-and-drop, .App, .index-page, .PostSummary__content, .PostSummary, .Header, .menu, div.Header__sub-nav.expanded.show-for-medium.row, .Reputation, .PostsList__post_container, .dropdown-pane {",
     "background: none !important;",
     "background-color: #000 !important;",
    "}",
    ".Header__sub-nav li>a {",
     "border: none !important;",
    "}",
    "body, .SidePanel>div {",
     "color: #000 !important;",
     "min-height: 100%;",
     "background-color: #111;",
     "box-shadow: inset 1px 1px 2px #333;",
     "padding: 1px;",
    "}",
    "img, .Userpic, .PostSummary__image {",
     "opacity: 0.25;",
     "position: relative",
    "}",
    "img:hover, .Userpic:hover, .PostSummary__image:hover {",
     "opacity: 1;",
    "}",
    ".PostsList .PostSummary__image:hover {",
     "position: absolute;",
     "min-width: 256px;",
     "min-height: 169px;",
     "background-position-y: 0;",
     "background-color: transparent;",
     "border: none;",
     "z-index: 999",
    "}",
    ".PostsList__post_container .PostFull, .ReplyEditor__options select  {",
     "background-color: #000 !important;",
     "color: #888 !important;",
     "border-bottom: 1px solid rgba(255, 255, 255, 0.26) !important;",
    "}",
    "[type=text], .ReplyEditor__title, .dropzone, .upload-enabled, .category, span.Reputation {",
     "background-color: #111 !important;",
     "color: #888 !important;",
    "}",
    ".PostSummary__header>h3>a {",
     "color: #888 !important;",
    "}",
    ".PostSummary__header>h3>a:visited {",
     "text-decoration: line-through !important;",
    "}",
    ".SubmitPost {",
     "min-height: 1000px !important;",
    "}",
     ".UserProfile__top-nav {",
     "background-color: #000;",
     "padding: 0;",
    "}",
    ".UserProfile__banner>div.column, .UserProfile__banner>div.columns {",
     "background: rgba(35, 87, 157, 0.27) !important;",
     "background: linear-gradient(180deg,rgba(35, 87, 157, 0.27) 0,#000) !important;",
     "min-height: 155px;",
    "}",
    ".callout {",
     "background-color: #000;",
     "color: rgba(255, 255, 255, 0.25) !important;",
    "}",
    "code, .Header__sub-nav li>a {",
     "background-color: #343436 !important;",
     "color: #888 !important;",
    "}",
    "a, .PostFull__body a {",
     "opacity: 0.60;",
    "}",
    "a:focus, a:hover {",
     "opacity: 0.90;",
    "}",
    ".TagList__horizontal a {",
     "background-color: rgba(22, 69, 132, 0.25) !important;",
    "}",
    ".PostFull__time_author_category, .PostFull__footer .FoundationDropdownMenu__label, .PostFull__footer a, .PostFull__time_author_category, .Reblog__button path, .PostFull__footer span, .Icon>svg, .Icon span.icon, .PostSummary__reblogged_by, .PostSummary__reblogged_by .Icon path {",
     "color: rgba(255, 255, 255, 0.25) !important;",
     "fill: rgba(255, 255, 255, 0.25) !important;",
    "}",
    "table, table th, table thead, table td, table tbody, table tfoot, table thead {",
     "background-color: transparent !important;",
     "box-shadow: inset -1px -1px 1px #222;",
     "padding: 0.2em 0.4em;",
    "}",
    ".SidePanel>div .menu>li>a, .VerticalMenu>li>a, blockquote, .UserProfile__banner .UserProfile__buttons label.button, .UserProfile__top-nav .menu>li>a.active  {",
     "background-color: rgba(240, 240, 240, 0.3) !important;",
     "color: #000 !important;",
    "}",
    ".SidePanel .menu>li>a {",
     "padding: 0.3em !important;",
    "}",
    ".SidePanel>div ul:nth-of-type(n+3) {",
     "margin-top: 1rem !important;",
    "}",
    ".Header__sub-nav.expanded.show-for-medium.row, .Header__top, [type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea, .ReplyEditor .Preview .Markdown, .drag-and-drop, .PostsList__post_container .PostFull, .ReplyEditor__options select {",
     "border-color: #164584 !important;",
     "background: none transparent !important;",
    "}",
    ".UserWallet__balance.UserWallet__balance.zebra, table tbody tr:nth-child(2n) {",
     "background: rgba(242, 242, 242, 0.05);",
    "}",
    ".entry-content {",
     "color: #666 !important;",
    "}",
    ".SidePanel ul:last-of-type:after {",
     "content: 'Night Mode by @klye & @eaposztrof';",
     "color: rgba(240, 240, 240, 0.3);",
     "padding: 0.4em;",
     "font-size: small;",
    "}",
    ".SidePanel>div .close-button {",
     "background: #000;",
     "z-index: 9;",
     "padding: 0 0.2em;",
     "right: 1px;",
    "}",
    ".ReplyEditor.row {",
     "max-width: 100% !important;",
    "}",
].join("\n");

if (typeof GM_addStyle != "undefined") {
    GM_addStyle(css);
} else if (typeof PRO_addStyle != "undefined") {
    PRO_addStyle(css);
} else if (typeof addStyle != "undefined") {
    addStyle(css);
} else {
    var node = document.createElement("style");
    node.type = "text/css";
    node.appendChild(document.createTextNode(css));
    var heads = document.getElementsByTagName("head");
    if (heads.length > 0) {
        heads[0].appendChild(node);
    } else {
        // no head yet, stick it whereever
        document.documentElement.appendChild(node);
    }    
}
})();

Feel free to test, make future requests, personalizations, or add your code if you know how to Javascript and CSS.

Please don't forget to appreciate our work with UPVOTE ()
Egészséget!