Isis-dark by thehllm

/* ==UserStyle==
@name         isis.tu-berlin.de
@version      20230329.21.09
@namespace    ?
==/UserStyle== */

@-moz-document domain("isis.tu-berlin.de") {
:root {
    --popos-dark-border-color: #363636;
    --vs-code-tooblar-color: #303030;
    --vs-code-notice-blue: rgb(50, 150, 203);
    --vs-code-popout: #252526;
    --vs-code-bg: #1e1e1e;
    --text-color-dark-theme: #fff;
    --vs-code-term: #1e1e1e;
    --isis-red: #c50e20;
    --chorome-selected: #454545;


    --nav-color: var(--popos-dark-border-color);
    --header-right-color: var(--vs-code-tooblar-color);
    --text-color: var(--text-color-dark-theme);

    --main-bg: #202124;
    --highlight-color: #3272cb;
}

body {
    background-color: var(--main-bg);
}

/* navbar */
.navbar {
    background-color: var(--nav-color) !important;
    color: var(--text-color) !important;
}

.navbar.fixed-top{
    border-color: var(--vs-code-notice-blue);
}

.nav-item{
    color: var(--text-color) !important;
}
.dropdown-toggle .nav-link {
    color: var(--text-color) !important;
}
.nav-link{
    color: var(--text-color) !important;
}

.nav-link.active {
    border-bottom-color: var(--highlight-color) !important;
}

.nav-link.active:hover {
    background-color: var(--nav-color) !important;
}

/* course view */
div.description > div.activity-dates.small.course-description-item,
div.description > div,
div.description > div.availabilityinfo.small.course-description-item.isrestricted,
div.description > div.activity-altcontent{
    background-color: var(--main-bg);
}

/* tables */
table, table:hover, tr:hover {
    color: var(--text-color) !important;
}

.submissionnotgraded {
    color: var(--isis-red) !important;
}

/* left list */
#theme_boost-drawers-courseindex {
    background-color: var(--vs-code-popout);
}

#courseindex-content > div a.courseindex-link.text-truncate {
    color: var(--text-color);
}

#theme_boost-drawers-courseindex > div.drawerheader > button {
    color: var(--text-color);
}

/* right list */
#theme_boost-drawers-blocks {
    background-color: var(--main-bg);
    color: var(--text-color);
}

/* messages */
.popover-region-container {
    background-color: var(--main-bg) !important;
}

.popover-region-seeall-text {
    background-color: var(--main-bg) !important;
}

div.popover-region-content-container > div > div.all-notifications > div > a.context-link > div.content-item-body > div.notification-image > img {
    filter: invert(1);
}

/* dropdown */

.dropdown-menu {
    background-color: var(--main-bg);
}
.dropdown-item {
    color: var(--text-color);
}

/* main */
.main-inner{
    color: var(--text-color);
    background-color: var(--vs-code-popout) !important;
}

#region-main {
    color: var(--text-color);
    background-color: var(--vs-code-popout) !important;    
}

/* coruse nav */
.secondary-navigation .navigation {
    background-color: var(--vs-code-bg) !important;
}

.moremenu .nav-tabs {
    background-color: var(--vs-code-bg) !important;
}

/* courses view */
.card-body {
    background-color: var(--vs-code-popout);
}

#page-container-0 > div > div > div > div {
    background-color: var(--main-bg);
}

.ml-auto, .mx-auto {
    background-color: var(--main-bg);
    border-color: var(--main-bg);
}

.moremenu .nav-link:hover {
    background-color: var(--main-bg);
    border-color: var(--main-bg);
}

.card-footer {
    background-color: var(--main-bg);
}

.bg-white {
    background-color: var(--main-bg) !important;
}

.page-link {
    background-color: var(--vs-code-bg) !important;
    color: var(--highlight-color);
}


/* forum header */
.path-mod .activity-header:not(:empty) {
    background-color: var(--vs-code-bg);
}

/* links */

a {
    color: var(--highlight-color);
}

.btn-link {
    color: var(--highlight-color);
}

/* forms */
.form-control {
    background-color: var(--vs-code-tooblar-color);
    color: var(--text-color);
}

.form-control:focus {
    background-color: var(--vs-code-tooblar-color);
    color: var(--text-color);
}

.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
    background-color: var(--highlight-color);
}

/* misc */
.icon, .header-button-title {
    color: var(--text-color);
}
}