E-ucenje darkmode by zikamanofdoom007

/* ==UserStyle==
@name           07/07/2022, 01:25:23
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document url-prefix("https://e-ucenje.unipu.hr") {
    /*Dark Scrollbar*/
    ::-webkit-scrollbar {
        width: 10px;
    }
    ::-webkit-scrollbar-track {
        background: #fff0;
    }
    ::-webkit-scrollbar-thumb {
        background: #192739;
    }
    ::-webkit-scrollbar-thumb:hover {
        background: #39516b;
    }
    ::-webkit-scrollbar-corner {
        background: #0000;
    }
}
@-moz-document url-prefix("https://e-ucenje.unipu.hr") {
    /*Body*/
    *,
    .navbar-light .navbar-nav .nav-link,
    .navbar-bootswatch .navbar-nav .nav-link, .form-control {
        color: var(--mainTextColour) !important;
    }
    header,
    section,
    .blockcolumn,
    .region-main, .day:hover, .form-control, .activity-header {
        background-color: var(--aniListMainBG) !important;
    }
    .region-main-content,
    section, .list-group-item, .dropdown-menu, .custom-select, .btn-secondary, .form-control:hover {
        background-color: var(--anilistLift1) !important;
    }
    
    .btn-secondary:hover {
        background-color: var(--mainTextColour2) !important;
    }

    a {
        color: var(--mainLinkColour);
    }
    a:hover {
        color: var(--mainLinkColour);
    }

    .navbar-light:hover .navbar-nav:hover .nav-link:hover,
    .navbar-bootswatch:hover .navbar-nav:hover .nav-link:hover {
        color: var(--mainTextColour2) !important;;
    }
    
    .border-bottom, .dropdown-divider {
        border-color: var(--mainTextColour2) !important;
    }
    
    .dashboard-card-footer {
        background-color: transparent !important;
    }
    
    .btn-link:hover {
        background-color:  var(--anilistLift1) !important;
    }

    .navbar-light:focus .navbar-nav:focus .nav-link:focus,
    .navbar-bootswatch:focus .navbar-nav:focus .nav-link:focus .navbar-light .navbar-nav .show > .nav-link,
    .navbar-bootswatch .navbar-nav .show > .nav-link,
    .navbar-light .navbar-nav .active > .nav-link,
    .navbar-bootswatch .navbar-nav .active > .nav-link,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-bootswatch .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-bootswatch .navbar-nav .nav-link.active .navbar-light .navbar-nav .nav-link:hover,
    .navbar-bootswatch .navbar-nav .nav-link:hover,
    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-bootswatch .navbar-nav .nav-link:focus {
        color: var(--mainTextColour2);
        border: none;
    }

    #page-my-index {
        background-color: var(--aniListMainBG);
    }

    .navbar-bootswatch {
        background-color: var(--anilistLift2);
    }

    .card {
        background-color: var(--anilistLift1);
    }

    .dashboard-card {
        background-color: var(--aniListMainBG);
    }
}
@-moz-document url-prefix("https://e-ucenje.unipu.hr") {
    /*Root Settings*/
    :root {
        --outlineThickness: 8px;
        --outlineColour: #000000a6;

        --anilistFocusBG: #3db4f2;

        --mainTextColour: #ccc;
        --mainTextColour2: #999;

        --mainLinkColour: #4a76dc;

        --borderRadius: 4px;


        --aniListMainBG: #0b1622;
        --anilistLift1: #151f2e;
        --anilistLift2: #192739;
        --anilistInput: #4d698ab3;

        --searchOverlayBG: #070f1abf;
    }
}