openstax dark by ashchu117

/* ==UserStyle==
@name         openstax dark
@version      20230129.05.15
@namespace    userstyles.world/user/ashchu117
@description  dark theme for openstax.org
@author       ashchu117
@license      No License
==/UserStyle== */

/* ==UserStyle==
@name           openstax.org - 1/22/2023, 6:26:37 PM
@namespace      github.com/openstyles/stylus
@version        2.0.1
@description    Dark Theme for OpenStax textbooks
@author         Ashchu117
==/UserStyle== */

@-moz-document domain("openstax.org") {
    /*top title bar background*/
    .ePgITh {
    background: #323232;
    }
    
    /*login text top right*/
    .bqAshF {
    color: #c3c3c3;
    }
    
    /*Search Bar*/
    .kGWMSU {
    color: #c3c3c3;
    background: #323232;
    }
    .foGdGm {
    background-color: #323232;
    }
    .bHFdA {
    color: #c3c3c3;
    background: #323232;
    }
    
    /*Main Background*/
    .hPmLNC {
    background-color: #323232;
    }
    .euJYQz::before {
    background-color: #323232;
    }
    .Content__OuterWrapper-sc-1f451g1-2.gUBVaK {
    background: #323232;
    }
    .gjWAAG {
    background-color: #323232;
    }
    
    
    /*Title Bar Background*/
    .cHhLGz {
    background-color: #323232;
    }
    .jltJDp {
    background-color: #323232;
    }
    
    /*Table of contents background*/
    .jwGPmf {
    background: #323232;
    }
    
    /*Left Nav Bar Background*/
    .euJYQz {
    background-color: #323232;
    }
    
    .dWyFGC > ol::before {
    background: #323232;
    }
    
    .dWyFGC > * {
    background: #323232;
    }
    
    .jwGPmf > ol::before {
    background: #323232;
    }
    
    /*Contents (button on left nav bar)*/
    .bMRCaL {
    color: #c3c3c3;
    }
    
    /*Highlights*/
    .jmEvVU {
    color: #c3c3c3;
    }
    
    /*Text 1 & also main background edges apparently*/
    .gaOlpC {
    color: #c3c3c3;
    background-color: #323232;
    }
    
    /*Text 2*/
   .content-excerpt h1,h2,h3,h4,h5,h6{
    color:#c3c3c3;   
    }
    
    #main-content:not([data-dynamic-style=true]) p, .content-excerpt:not([data-dynamic-style=true]) p {
    color: #c3c3c3;
    }
    
    /*Text 3 & Media Content Title backgrounds & images apparently*/

    .bXhXti #main-content * {
    color: #c3c3c3 !important;
    background: #323232 !important; /*iportant tag to overwrite background trying to be set on some other elements nested*/
    /*filter: invert(100%); was messing with this, dont enable, inverts unwated elements (as well as images, fixed iversion to just images below)*/
    }
    
    /*Actual pictures in chapter, filter inverts colors to make them dark*/
    #main-content:not([data-dynamic-style=true]) .os-number~.os-problem-container img, #main-content:not([data-dynamic-style=true]) .os-number~.os-solution-container img, .content-excerpt:not([data-dynamic-style=true]) .os-number~.os-problem-container img, .content-excerpt:not([data-dynamic-style=true]) .os-number~.os-solution-container img {
    filter: invert(0.85);
    }
    
    /*pics before chapter*/
    #main-content:not([data-dynamic-style=true]) span[data-type=media] img, .content-excerpt:not([data-dynamic-style=true]) span[data-type=media] img {
    filter:invert(0.85);
    }   
    
    /*Table of contents text*/
    
    /*Title*/
    .bNyifZ {
    color: #c3c3c3;
    }
    
    /*Items*/
    .cSTpUE {
    color: #fff;
    }
    
    /*Sections*/
    .cRIWDW {
    color: #c3c3c3;
    }
}