cengage dark by us3rn4me

/* ==UserStyle==
@name           ng.cengage.com - Jan 2024
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("ng.cengage.com") {
    
    :root {
        --dark: #1c1c27;
        --darker: #171721;
        --light2: #2e2e43;
        --light: #2f2f43;
        --text: #d8dcde;
        --tr: #d8dcde3d;
        --ac: #e5943e;
        --ac-a: #e5943e75;
    }
    
    
    * {
        border-color: var(--tr) !important;
    }
    
    body, .ebook_document, .narrative, #skimmer.page_skimmer,
    .ActivityFrame__header, 
    .topic-level-1.plank-expanded-level-1 div,
    .activity.activity-activityType-3 div, 
    .tabpanel, .ov-container.scrollable-content,
    .clearDiv *, .learningObjectives {
        background-color: var(--dark) !important;
        color: var(--text) !important;
    }
    
    .quiz {
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(var(--dark)), to(var(--darker)));
    }
    
    .inline_collapsed {
        box-shadow: #00000069 0px 0px 30px;
    }
    
    body, p, ol, li, blockquote, .math .caption p, 
    #ebook_navigation button span, .nb_thumbDescription {
        color: var(--text) !important;
    }
    
    .eoc, .activities, .procedure  {
        background: none !important;
    }
    
    #ebook_navigation #ebook_left, #ebook_navigation #ebook_right {
        background-color: var(--light) !important;
        color: var(--text) !important;
    }
    
    
    .longtable .fadediv_tall {
/*         display: none !important; */
        filter: brightness(0);
        opacity: 50%;
    }
    
    .context_menu_wrapper, #breadcrumb, .ActivityFrame__title,
    .ToolbarPanel.toolbarRow, .pageContentBody, .pageContent,
    .content > .table, .itemization, .topic-plank.is-expanded,
    .topic-plank, div[data-testid="sidebar-content"], 
	div[data-testid="sidebar-header"], .css-qft0d1 {
        background-color: var(--darker) !important;
        color: var(--text) !important;
        border: none !important;
    }
    
    
    #skimmer.page_skimmer {
        border: none !important;
        box-shadow: 0px -5px 15px #0000004f;
    }
    
    
    .context_menu_wrapper, .ToolbarPanel.toolbarRow{
        box-shadow: 0px 5px 10px #00000073;
    }
	
	div[data-testid="sidebar-content"] {
		-webkit-box-shadow: 13px 4px 14px 0px rgba(0, 0, 0, .47);
		-moz-box-shadow: 13px 4px 14px 0px  rgba(0, 0, 0, .47);
		box-shadow: 13px 4px 14px 0px  rgba(0, 0, 0, .47);
	}
    
    
    .nb_media.image.wide, .table table tr.odd, .table table tr.even, table th {
        background-color: var(--light2) !important;
    }
    
    
    .description__toggle,
    .activity .inline-activity-toggle .inline-activity-toggle-arrow{
        background-color: var(--ac) !important;
        color: var(--text) !important;
    }
    
    h3, h2, .table .containerHeading .label + h3, .primaryTerm,
    a, h4, .pageSection h4, .pageSection h4 > .headingText, 
    .sidebarContent .mtexample > h4,
    .interactive > .containerHeading .label + h3, .activities > .heading .label + h3,
	h1, h2, h3, h4, h5, h6, h7 {
        color: var(--ac) !important;
    }
    
    
    
    
    
    
    
}