This theme is meant for OLED displays but it should work well for Extreme Dynamic Range (XDR) displays as well.
ZeroHedge × OLED Pro Deep Black Dark Theme by greatday
Details
Authorgreatday
LicenseMIT
Categorywww.zerohedge.com
Created
Updated
Size27 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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...