Skip to content

ZeroHedge × OLED Pro Deep Black Dark Theme by greatday

Screenshot of ZeroHedge  ×  OLED Pro Deep Black Dark Theme

Details

Authorgreatday

LicenseMIT

Categorywww.zerohedge.com

Created

Updated

Size27 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This theme is meant for OLED displays but it should work well for Extreme Dynamic Range (XDR) displays as well.

Notes

Removes a bunch of ZH annoyances as well. Compatible with various extensions too. Requests and fixes welcome in comments.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           www.zerohedge.com
@namespace      github.com/openstyles/stylus
@version        1.0.1
@description    OLED Pro Deep Black for ZeroHedge
@author         GoodDay
==/UserStyle== */
@-moz-document regexp("^https:\\/\\/www\\.zerohedge\\.com.+") {
    :root {
        --background-color: #000000;
        --text-color: #ffffea;
        --border-color: #706553;
        --link-color: #62aee5;
        --placeholder-color: #c3b6a0;
        --scrollbar-bg: #080a0a;
        --scrollbar-thumb: #393b39;
        --scrollbar-thumb-hover: #525451;
        --scrollbar-thumb-active: #3e403d;
        --scrollbar-corner: #000000;
        --selection-bg: #003b85;
        --selection-text: #ffffea;
        --dark-neutral-background: #000000;
        --dark-neutral-text: #f6e9d4;
        --dark-selection-background: #124584;
        --dark-selection-text: #ffffea;
    }

    html {
        background-color: var(--background-color) !important;
        color-scheme: dark !important;
        margin-left: 20%;
        margin-right: 20%;
    }
    html,
    body {
        border-color: #706553;
        color: #ffffea;
    }
    h1, h2, h3, h4, h5 {
        font-family: "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif;
        font-weight: 600;
        font-stretch: condensed !important;
    }
    a {
        color: #62aee5;
    }
    table {
        border-color: #4e504d;
    }
    ::placeholder {
        color: #c3b6a0;
    }
    input:-webkit-autofill,
    textarea:-webkit-autofill,
    select:-webkit-autofill {
        background-color: #2e2f00 !important;
        color: #ffffea !important;
    }
    ::-webkit-scrollbar {
        background-color: #080a0a;
        color: #baad97;
    }
    ::-webkit-scrollbar-thumb {
        background-color: #393b39;
    }
    /*    ::-webkit-scrollbar-thumb:hover {
        background-color: #aaa;
    }
    ::-webkit-scrollbar-thumb:active {
        background-color: #aaa;
    }
    ::-webkit-scrollbar-corner {
        background-color: #000000;
    }
*/
    ::selection {
        background-color: #003b85 !important;
        color: #ffffea !important;
    }
    ::-moz-selection {
        background-color: #003b85 !important;
        color: #ffffea !important;
    }

    /* Invert Style */
    .jfk-bubble.gtx-bubble,
    .captcheck_answer_label > input + img,
    span#closed_text > img[src^="https://www.gstatic.com/images/branding/googlelogo"],
    span[data-href^="https://www.hcaptcha.com/"] > #icon,
    #bit-notification-bar-iframe,
    ::-webkit-calendar-picker-indicator {
        filter: invert(100%) hue-rotate(180deg) brightness(95%) grayscale(5%) sepia(30%) !important;
    }


    /* ModifyCSS */
    .fa-border {
        border-color: rgb(36, 38, 36);
    }
    .fa-inverse {
        color: rgb(255, 255, 234);
    }
    .sr-only {
        border-color: initial;
    }
    .fad.fa-inverse {
        color: rgb(255, 255, 234);
    }
    body {
        color: rgb(240, 227, 205);
    }
    h2 a,
    h2 a:hover,
    h2 a:visited {
        color: rgb(255, 255, 234);
    }
    h3 {
        color: rgb(192, 179, 158);
    }
    a {
        text-decoration-color: initial;
        color: rgb(240, 227, 205);
    }
    a:hover:not([data-link-option="0"]) {
        text-decoration-color: initial;
        color: rgb(164, 151, 129);
    }
    a:active {
        color: rgb(235, 222, 201);
    }
    hr {
        background-color: rgb(0, 0, 0);
    }
    .pagination__link {
        background-image: initial;
        background-color: rgb(10, 11, 12);
        color: rgb(205, 192, 170);
    }
    .pagination__link:hover {
        background-image: initial;
        background-color: rgb(29, 31, 31);
    }
    .caption figcaption {
        border-color: rgb(44, 46, 44);
        color: rgb(192, 179, 158);
    }
    .ReactCrop:focus {
        outline-color: initial;
    }
    .ReactCrop__crop-selection {
        box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px 9999em;
        border-color: initial;
    }
    .ReactCrop--circular-crop .ReactCrop__crop-selection {
        box-shadow: rgb(0, 0, 0) 0px 0px 1px 1px,
        rgba(0, 0, 0, 0.5) 0px 0px 0px 9999em;
    }
    .ReactCrop__rule-of-thirds-hz::after,
    .ReactCrop__rule-of-thirds-hz::before,
    .ReactCrop__rule-of-thirds-vt::after,
    .ReactCrop__rule-of-thirds-vt::before {
        background-color: rgba(0, 0, 0, 0.4);
    }
    .ReactCrop__drag-handle::after {
        background-color: rgba(0, 0, 0, 0.2);
        border-color: rgba(29, 31, 31, 0.7);
        outline-color: transparent;
    }
    [data-rmiz-btn-close],
    [data-rmiz-btn-open] {
        border-color: initial;
        color: inherit;
        background-image: none;
        background-color: initial;
    }
    .BlockUser_container__rA7Ge {
        background-image: initial;
        background-color: rgb(10, 11, 12);
    }
    .BlockSearch_container__UmRtJ {
        background-color: rgb(10, 11, 12);
    }
    .BlockSearch_searchBtn__eC51r {
        background-image: initial;
        background-color: rgb(110, 99, 10);
        border-color: initial;
    }
    .slick-slider {
        -webkit-tap-highlight-color: transparent;
    }
    .slick-list:focus {
        outline-color: initial;
    }
    .slick-vertical .slick-slide {
        border-color: transparent;
    }
    .slick-loading .slick-list {
        background-color: rgb(0, 0, 0);
    }
    .slick-next,
    .slick-prev {
        border-color: initial;
    }
    .slick-next,
    .slick-next:focus,
    .slick-next:hover,
    .slick-prev,
    .slick-prev:focus,
    .slick-prev:hover {
        color: transparent;
        outline-color: initial;
        background-image: initial;
        background-color: transparent;
    }
    .slick-next::before,
    .slick-prev::before {
        color: rgb(255, 255, 234);
    }
    .slick-dots {
        list-style-image: initial;
    }
    .slick-dots li button {
        color: transparent;
        border-color: initial;
        outline-color: initial;
        background-image: initial;
        background-color: transparent;
    }
    .slick-dots li button:focus,
    .slick-dots li button:hover {
        outline-color: initial;
    }
    .slick-dots li button::before {
        color: rgb(255, 255, 234);
    }
    .slick-dots li.slick-active button::before {
        color: rgb(255, 255, 234);
    }
    .TopPosts_posts__kSDL7 {
        background-color: rgb(10, 11, 12);
    }
    .TopPosts_floatingTitle__zeliO {
        background-image: initial;
        background-color: rgba(0, 0, 0, 0.7);
        color: rgb(255, 255, 234);
        border-left-color: rgb(152, 136, 22);
    }
    .TopPosts_floatingTitle__zeliO a {
        color: rgb(255, 255, 234);
    }
    .TopPosts_title__8jcVE {
        color: rgb(240, 227, 205);
    }
    .TopPosts_controlsContainer__rXYEl {
        background-color: rgb(10, 11, 12);
    }
    .TopPosts_customPagingBar__Gtyhb {
        background-image: linear-gradient(90deg,
        rgb(110, 99, 10) 50%,
        rgb(0, 0, 0) 0px);
        background-color: initial;
        border-color: rgb(144, 130, 109);
    }
    .SidebarExpandableTitle_container__P1hxC {
        color: rgb(240, 227, 205);
    }
    .SidebarExpandableTitle_container__P1hxC:hover {
        background-image: initial;
        background-color: rgb(51, 53, 51);
        color: rgb(255, 255, 234);
    }
    .BlockLogin_container__f_B6j {
        background-image: initial;
        background-color: rgb(10, 11, 12);
    }
    .BlockLogin_formFieldLabel__sPcPH::after {
        color: rgb(198, 109, 99);
    }
    .BlockLogin_formFieldInput__qp33_ {
        background-color: rgb(0, 0, 0);
        border-color: rgb(113, 101, 84);
    }
    .BlockLogin_formSubmit__ht3d_ {
        background-image: initial;
        background-color: rgb(110, 99, 10);
        color: rgb(240, 227, 205);
        border-color: initial;
        text-decoration-color: initial;
    }
    .BlockLogin_link__AU53k {
        color: rgb(232, 218, 197);
    }
    .BlockLogin_errorText__TwOI8 {
        color: rgb(213, 29, 23);
    }
    .BlockContactInfo_dropdown__n9SPS {
        border-left-color: rgb(130, 118, 98);
        background-color: rgb(10, 11, 12);
    }
    .BlockContactInfo_dropdown__title__Uwjsm:hover {
        background-image: initial;
        background-color: rgb(51, 53, 51);
        color: rgb(255, 255, 234);
    }
    .ModalLogin_loginBlockOverlay___e9QJ {
        background-image: initial;
        background-color: rgba(8, 10, 11, 0.7);
    }
    .ModalLogin_loginBlockContainer__sJe4j {
        border-color: rgb(130, 118, 98);
    }
    .ModalLogin_btn__EzJLR {
        background-color: rgb(81, 83, 80);
        border-color: initial;
    }
    .TheMarketEarSidebarHeader_header__HNz6A {
        color: rgb(255, 252, 111);
    }
    .TheMarketEarSidebarHeader_noTextDecoration__n8JLl:hover {
        text-decoration-color: initial !important;
    }
    .HeaderUserMenu_loginBtn__HGRMM {
        background-image: initial;
        background-color: rgb(110, 99, 10);
    }
    .HeaderUserMenu_loginBlockOverlay__W7MB1 {
        background-image: initial;
        background-color: rgba(8, 10, 11, 0.7);
    }
    .HeaderUserMenu_loginBlockContainer__UmYY2 {
        border-color: rgb(130, 118, 98);
    }
    .HeaderUserMenu_overflowMenu__zJKfl {
        background-image: initial;
        background-color: rgb(0, 0, 0);
    }
    .HeaderUserMenu...

Reviews

No reviews yet.