essay.app - dark mode hack by opsaaaaa

/* ==UserStyle==
@name         essay.app - dark mode hack
@version      20220707.23.16
@namespace    userstyles.world/user/opsaaaaa
@description  dark mode plz.
@author       opsaaaaa
@license      CC Zero
==/UserStyle== */

@-moz-document url-prefix("https://essay.app/") {
.ce-paragraph {
    padding: .7rem 0;
}
@media (prefers-color-scheme: dark) {
    body *, 
    [class*=a], 
    [class*=e],
    [class*=i],
    [class*=o],
    [class*=u],
    [class*=y]
    {
        color: inherit!important;
        background-color: unset!important;
    }
    body, #root {
        color: #fff!important;
        background: #000!important;
    }
 
    .codex-editor {
        color: #eee!important;
    }
    
    
    * {
        scrollbar-color: #000 #444!important;
    }
    
    ::-webkit-scrollbar {
        width: .8rem;
        height: .8rem;
    }
    ::-webkit-scrollbar-track {
        background-color: #000!important;
    }
    ::-webkit-scrollbar-thumb {
        background-color: #252530!important;
        border: 3px solid #000;
        border-radius: 1rem;
    }
    
    
    
    button, .btn, .button, input, select, textarea,
    [class*=Action], [class*=Button],
    [role=button]
    {
        color: #bef!important;
        border: #777 1px solid;
        background: #000!important;
    }
    a {
        color: #bef!important;
    }
    
    
    
    nav, header, #header, .header,
    opion,
    [role*=nav], [class*=nav], [id*=nav],
    [role*=popup], [class*=popup], [id*=popup],
    [role*=popover], [class*=popover], [id*=popover],
    [role*=modal], [class*=modal], [id*=modal],
    [role*=tooltip], [class*=tooltip], [id*=tooltip],
    [role*=widget], [class*=widget], [id*=widget],
    [role*=dropdown], [class*=dropdown], [id*=dropdown],
    [role*=autocomplete], [class*=autocomplete], [id*=autocomplete],
    [role*=auto-complete], [class*=auto-complete], [id*=auto-complete],
    [role*=menu], [class*=menu], [id*=menu],
    [class*=Toolbar], [class*=Header],
    .styles_Container__3t67m
    {
        background: #111!important;
    }
    
    [class*=Paper]
    {
        background: #151517!important;
    }
    
    
    dl, dt, dd, 
    ol, ul, li,
    table, tr, tr, td, 
    a, p, span, small,
    h1, h2, h4, h5, h6
    {
        background: #000!important;
    }
    
    
    [class*=Header] img {
        background: #888!important;
        border-radius: 6px 6px 6px 0;
        box-shadow: 0 0 2px 3px #888!important;
    }
}

}