docs.krita.org breeze dark by azuresea

/* ==UserStyle==
@name           docs.krita.org breeze dark
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    its breezy in here...
@author         osirisgothra
==/UserStyle== */
@-moz-document domain("docs.krita.org") {
/*
    Changelog:
        1.0.0 Initial Release, add pages-to-not-image-filter at the end
              Aiming to be lean, so keeping things as simple as possible 
    
     
     
    
     image filter is disabled by default because
     the reference often refers to the state of images
     for demonstrations, and thus makes it incorrect
     (if you dont care about that, go ahead and uncomment
      the filter line below by removing the / * * / text
      from it)
    
    add this line one line after AFTER "img { " below
    just above the HERE mark:
    
    filter: invert(100%) hue-rotate(180deg);
    
     
*/
    img {
        
        /*HERE*/
        border-radius: 20px;
    }
    
    * {
        border-color: black !important;
        box-shadow: 0px 0px 0px black !important;
        background: transparent !important;
        color: white !important;
    }
    div.wy-side-nav-search > a > img
    {
        filter: none;        
    }
    div.rst-footer-buttons > a:hover
    {
        filter: brightness(250%);   
        scale: 1.1;
    }
    div.rst-footer-buttons > a:hover,
    div.rst-footer-buttons > a, 
    div.rst-footer-buttons > a span
    {
        padding: 0px !important;
        margin: 0px !important;
        background: transparent !important;
        border: none !important;
    }
    :root {
        background: linear-gradient(45deg, #0e0e0e, #020202, #15171b, rgb(36, 36, 36), rgb(0, 0, 0)) !important;
        background-attachment: fixed !important;
        background-size: 100vw 100vh !important;
    }
    li.toctree-l2.current {
        background: linear-gradient(45deg, #0d0b0b, #131316, #15171b, rgb(36, 36, 36), rgb(21, 21, 26)) !important;
        box-shadow: 0px 0px 2px #284f94 !important;
    }
    body > div > nav {
        box-shadow: 2px 2px 4px #5d6abe17 !important;
    }
    form input,
    select,
    select option {
        border-color: white !important;
        background: black !important;
    }
    a:hover {
        background: linear-gradient(rgb(47, 52, 74), rgb(36, 36, 36)) !important;
    }
    
    div#search-results li
    {
        color: #1d1d27 !important;
    }
    div#search-results li a
    {
        color: #5b6b7e !important;
    }
     span.highlighted
    {
        color: #9fc2ff !important;
        text-decoration: wavy !important;
        text-decoration-color: #416fc0 !important;
        text-decoration-thickness: 1px !important;
        text-decoration-line: underline !important;
        
    }
    .versionchanged
    {
        padding: 2px 14px;
        border-radius: 12px 12px;
        background: #0e0606 !important;
        box-shadow: 2px 2px 14px #ff000017 !important;
        
    }
    .versionchanged *
    {
        color: #6e2828 !important;
    }
    
    section div ul li,
    section div > ul > li,h1 { color: #6c88a3 !important; }
    section div ul li li a,
    section div > ul > li li,h2 { color: #5f90ae !important; }
    section div ul li a,
    section div > ul > li > a,h3 { color: #52839e !important; }
    section div ul li li li a,
    section div > ul > li li > a,h4 { color: #80d2e5 !important; }
    h5 { color: #e0e0ff !important; }
    .wy-breadcrumbs a
    {
        border-radius: 16px;
        padding: 0.25em 0.5em !important;
    }
    .wy-breadcrumbs a
    {
        color: #436072 !important;
        text-shadow: none !important;
    }
    section h2 > a.toc-backref,
    section dt, .wy-breadcrumbs li
    {
        border: none !important;
        color: #9ac7e5 !important;
        text-shadow: 1px 1px 2px #ffffff7d, -1px -1px 2px #6666a1d6;
    }
    
    hr, .notranslate
    {
        border-color: #aa00ff40 !important;    
    }
    
    pre
    {        
        color: #9988ab !important;
        background: linear-gradient(24deg,#251a2e2b,#6666a126) !important;     
    }
    
    div[class^="admonition"]
    {
        background: linear-gradient(24deg,#251a2e54,#6666a1d6) !important;
    }
    div[class^="admonition"] *
    {
        color: #da79c5 !important;
        
    }
    kbd
    {
        color: #db56ff !important;
    }
        
    footer, footer * {
        color: #436272 !important;
    }
    section h1 > a.toc-backref,
    section h3 > a.toc-backref,
    section h4 > a.toc-backref,
    section p > span,footer a
    {
         color: #9ac5e5 !important;
    }
    
    
}
/* add any pages you dont want images filtered in
   here's an example with index.html:
*/
@-moz-document url("https://docs.krita.org/en/index.html")
{        
    blockquote > div > img 
    {
        filter: hue-rotate(0deg) invert(0%) !important;
    }        
}