4 by minnieo

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

@-moz-document domain("contenthub.netacad.com") {

    :root {
        --dark: #29273a;
        --darker: #1c1a27;
        --text: #d4d8dc;
        --light: #ffffff4f;
        --hl: #39355c;
        --h2: #7a7fc6;
        --chap: #323554;
    }

    body {
        border-color: red !important;
    }
    
    .cui .main-content-wrapper .layout-wrapper, .cui .header,
    .sidebar .navlink.blocklink:first-child .navlink_labelcontainer-wrapper .navlink_labelcontainer,
    .sidebar .navlink.blocklink:first-child .navlink_namecontainer-wrapper .navlink_namecontainer,
    .sidebar .navlink.blocklink:first-child .navlink_chevronbutton-wrapper .navlink_chevronbutton {
        background: var(--dark) !important;
        opacity: 100%;
    }
    
    .sidebar .navlink.chunklink .navlink_namecontainer-wrapper .navlink_namecontainer,
     body.cui, .block-chunk.sidebar__item span.navlink_namecontainer, 
     .sidebar .navlink.chunklink .navlink_labelcontainer, .sidebar .main-sidebar__nav {
        background: var(--darker) !important;
        
    }
    
    /* middle section - content */
    .chunk-container.chunk {
        border-bottom: 1px solid #e8efff42;
    }
    
    .chunk-container.chunk .current-li,.cui .label--tiny {
        background-color: var(--darker) !important;
        color: var(--text) !important;
        border: none !important;
        border-radius: 5px;
    }
    
    /* chapter headers */
    .sidebar .navlink.modulelink .navlink_namecontainer-wrapper .navlink_namecontainer,
    .sidebar .navlink.modulelink .navlink_labelcontainer, 
    .sidebar .navlink.modulelink .navlink_chevronbutton, 
    .sidebar__header, .footer-navigation, .footer-navigation a {
        background-color: var(--chap) !important;
        color: var(--text) !important;
    }
    
    .footer-navigation .label.label--tiny {
        display: none;
    }
    
    .footer-navigation {
        border: none;
    }
    
    .cui .label--small, .cui .label--tiny {
        padding: 15px 10px !important;
    }
    
    .cui .main-content-wrapper .layout-wrapper {
        border: none;
    }
    
    /* tables */
    
    th {
        background-color: transparent !important;
    }
    
    
    .cui .table th {
        background-color: var(--hl) !important;
    }
    
    
    .cui .table--bordered, td th {
        border: 1px solid var(--light);
    }
    
    .cui .btn.btn--secondary {
        color: var(--text) !important;
    }
    
    /* active chapter section */
    .sidebar .navlink.chunklink.chunklink-active .navlink_namecontainer-wrapper .navlink_namecontainer,
    .sidebar .navlink.chunklink.chunklink-active .navlink_labelcontainer {
        background-color: var(--hl) !important;
        color: var(--text) !important;
    }
    
    
    
    /* header */
    
    .cui, body.cui, .cui .header, .cui .sidebar {
        color: var(--text) !important;
        border: none;
        box-shadow: 0px 0px 15px #0000008f;
    }
    
    h2, .chunk-container.chunk>.container h2 {
        color: var(--h2) !important;
        font-weight: bold;
    }
    
    .cui .btn, .cui button {
        background-color: var(--darker);
        color: var(--text);
    }
    
    .body-gradient-overlay {
        background-image: linear-gradient(-180deg,#f2f2f200 17%,hsla(0, 0%, 95%, 0));
    }
    
   .cui .sidebar li.sidebar__drawer.sidebar__drawer--opened, .sidebar__items,
   .navlink.modulelink, .sidebar .navlink.chunklink, .navlink_labelcontainer-wrapper {
        background-color: transparent !important;
   }
    
    
    
}