Dark theme

Hi all, just wanted to share a bit of css that I put together to make the website darker.

The script runs on this extension for Firefox, there is an equivalent for Chrome I believe:
https://addons.mozilla.org/en-US/firefox/addon/styl-us/

The code:

Code:
@-moz-document url-prefix("https://www.elitetrader.com") {

    :root {
        --black: rgb(39, 37, 37);
        --white: rgb(212, 196, 196);
        --orange: rgb(221, 137, 33);
        --gray: rgb(94, 86, 86);
    }

    html,
    body {
        background-color: var(--black) !important;
        color: var(--white) !important;
    }

    .breadcrumb,
    .quoteContainer,
    div,
    ol,
    li {
        background-color: var(--black) !important;
    }

    a:link {
        color: var(--white) !important;
    }

    a:visited {
        color: var(--orange) !important;
    }

    [class^='brmsTabHandler_'],
    [class*=' brmsTabHandler_'] {
        background-color: var(--black) !important;
    }

    .BRMSContainer ul.brmsTabNav>li {
        text-shadow: none !important;
    }

    .BRMSContainer .brmsTabContent ol.brmsContentList li.first {
        border-top: none black !important;
    }

    .BRMSContainer .brmsNewItem .itemContent {
        background-color: transparent !important;
    }

    .breadcrumb .crust a.crumb>span {
        color: var(--black) !important;
    }

    .Responsive .redactor_toolbar li a {
        background-color: var(--gray) !important;
    }
    .BRMSContainer .brmsTabContent ol.brmsContentList li{
        border-top: 1px solid var(--gray) !important;
    }
}

Colors are set as global variables, in case you would like to change them:

:root {
--black: rgb(39, 37, 37);
--white: rgb(212, 196, 196);
--orange: rgb(221, 137, 33);
--gray: rgb(94, 86, 86);
}

It should look similar to:

upload_2023-4-9_10-50-35.png
 
Back
Top