Magister Dark Theme [V1.1.2] by penguix0

/* ==UserStyle==
@name         Magister Dark Theme [V1.1.1]
@namespace    USO Archive
@author       Lekrkoekj
@description  Een donker thema voor Magister. Hierdoor gaan je ogen niet dood als je in het donker de site bezoekt.
@version      20220207.16.45
@license      NONE
@preprocessor uso
==/UserStyle== */
@-moz-document domain("magister.net") {
.master-view.nav-toggle, .master-view, div.loading-overlay, .cijfers-k-grid.k-grid .k-grid-content, body {
    background: #131719;
}
.menu ul, .cijfers-k-grid.k-grid .k-grid-header th.k-header, #cijfers-container .main div.content-container-cijfers, .cijfers-k-grid.k-grid .k-grid-content tr td:nth-child(2) {
	border-color: #131719 !important;
}
header.header, .block .content, .block, .widget li, #vandaag-container .grade-widget ul, .widget .list li.no-data:hover, .widget .list li.no-data a:hover, .endlink, .block h4, dl.list-dl, aside .tabs li.active a, .block .content form, .agenda-lesdashboard .lesvak-prev-next .content-auto span.icon-up-arrow.next, .agenda-lesdashboard .lesvak-prev-next .content-auto span.icon-up-arrow.prev, span.current.ellipsis.ng-binding, .sm-grid.k-grid .k-grid-content tr, .k-calendar .k-header, .k-calendar tbody tr td, input[type="checkbox"] + label span, form .radio input[type="radio"]:checked ~ label, fieldset .radio input[type="radio"]:checked ~ label, form .radio input[type="radio"] ~ label, fieldset .radio input[type="radio"] ~ label, .card .content, .wysiwyg table.k-editor .k-editor-toolbar .k-button-group a, .k-editor .k-content, .dialog .title, aside .block fieldset, div.fancy-select .k-multiselect .k-multiselect-wrap li.k-button, table.table-grid-layout tr, .agenda-text-icon.outline, div[data-ng-if="showHuiswerk()"], aside .block .content, .text-input input, #vandaag-container .droppable, #studiewijzer-detail-container .coloring-magenta > div, #studiewijzer-detail-container .coloring-magenta > ul, .attachments, .widget .dualcollumn-list, .block .content.background-white, .agenda-text-icon[icon-type="information"], #studiewijzer-container div.studiewijzer-list > ul > li:hover, .dna-app-bar, .main-menu>li.active>a, .main-menu>li>a:hover, .appbar-host, .head-bar div>a.text-button:hover, .versions li {
	background: #323639;
}
.k-dropdown .k-dropdown-wrap.k-state-hover, .new-appointment-block label ~ input, .new-appointment-block label ~ .radio-buttons, #agenda-afspraak-bewerken-container .k-datepicker .k-picker-wrap, #ziek-melden-container .k-datepicker .k-picker-wrap, fieldset input[type="text"], fieldset input[type="password"], fieldset input[type="search"], fieldset input[type="email"], fieldset input[type="url"], fieldset input[type="tel"], fieldset input[type="number"], ul.tabs-strip, .cijfers-k-grid.k-grid .grade.empty, #cijfers-container aside .widget .cijfer-berekend tr, .studiewijzer-onderdeel > div.block > div.content > div, .studiewijzer-onderdeel div.content ul, #edit-toggle-btn {
	background: #323639 !important;
}
.head-bar div > a, .menu a, .content-container, .block, .widget .list, .block *, aside .tabs li a, html body .k-popup.k-list-container .k-item, .sm-grid.k-grid .k-grid-content tr *, .k-calendar, .k-calendar thead th, .k-calendar tbody tr td, .sm-grid.k-grid .k-grid-content > table[role="grid"], .tabs, .menu .navTrigger, input[type="checkbox"] + label span, .k-dropdown .k-dropdown-wrap.k-state-default, form .radio input[type="radio"] ~ label, fieldset .radio input[type="radio"] ~ label, .new-appointment-block label ~ input, .new-appointment-block label ~ .radio-buttons, #agenda-afspraak-bewerken-container .k-datepicker .k-picker-wrap, #ziek-melden-container .k-datepicker .k-picker-wrap, #agenda-afspraak-bewerken-container .k-datepicker .k-picker-wrap.k-state-hover, #ziek-melden-container .k-datepicker .k-picker-wrap.k-state-hover, .k-list-container, .card, .wysiwyg table.k-editor .k-editor-toolbar, .wysiwyg table.k-editor .k-editor-toolbar .k-button-group a, .dialog *, .dialog, .k-multiselect.k-header.k-state-hover, table.table-grid-layout th, table.table-grid-layout > tbody > tr.selected td, table.table-grid-layout *, table.table-grid-layout, .table-block, .header > div + div, aside .trigger-btn, ul.tabs-strip li.disabled a, ul.tabs-strip li:first-child, .text-input input, .column-container h3, #bronnen-container .bronnen-quota-label, .first-column, .rest-column, #studiewijzer-container div.studiewijzer-list div.head span:first-child, #studiewijzer-container div.studiewijzer-list > ul > li > a > span, #studiewijzer-container div.studiewijzer-list > ul > li, #vandaag-container .droppable, .k-grid-header-wrap, .k-list, .k-popup.k-list-container, .k-grid-header, .agenda-text-icon[icon-type="ok"] {
	border-color: #1b2022 !important;
}
.cijfers-k-grid.k-grid td, .agenda-text-icon[icon-type="information"], .agenda-text-icon[icon-type="ok"] {
	border-color: #1b2022;
}
.agenda-text-icon[icon-type="information"] {
	border: 1px solid #1b2022;
}
.widget .dualcollumn-list li {
	outline: #1b2022;
}
.block h4, aside .tabs li a, form label, span.current.ellipsis.ng-binding, .sm-grid.k-grid .k-grid-content tr *, .k-calendar thead th, .k-calendar tbody tr td, .k-calendar .k-link, .new-appointment-block label, input[type="checkbox"]:checked + label span:after, form .radio input[type="radio"]:checked ~ label, fieldset .radio input[type="radio"]:checked ~ label, form .radio input[type="radio"]:checked ~ label:before, fieldset .radio input[type="radio"]:checked ~ label:before, .new-appointment-block label ~ input, .new-appointment-block label ~ .radio-buttons, #agenda-afspraak-bewerken-container .k-datepicker .k-picker-wrap input, #agenda-afspraak-bewerken-container .k-datepicker .k-picker-wrap.k-state-hover input, #ziek-melden-container .k-datepicker .k-picker-wrap input, #ziek-melden-container .k-datepicker .k-picker-wrap.k-state-hover input, .widget .multi-line strong, .settings-container .widget .multi-line li span, fieldset input[type="text"], fieldset input[type="password"], fieldset input[type="search"], fieldset input[type="email"], fieldset input[type="url"], fieldset input[type="tel"], fieldset input[type="number"], .card .content strong, .card .content span, .k-editor .k-content, body[contenteditable="true"], .dialog .content p, .widget .block .content fieldset label, div.fancy-select .k-multiselect .k-multiselect-wrap li.k-button, table.table-grid-layout th, table.table-grid-layout tr td, table.table-grid-layout td a, .agenda-lesdashboard div.comment p, .attachment-bar:before, .block .content p, .block .content .title, ul.tabs-strip li.disabled a, .text-input label, .text-input input, .block h3 b, #bronnen-container .bronnen-quota-label, .column-container h3, #studiewijzer-container div.studiewijzer-list div.head span, #studiewijzer-container div.studiewijzer-list > ul > li > a > span, .projects li span, .cijfers-k-grid.k-grid .k-grid-header th.k-header *, .cijfers-k-grid.k-grid .text, .cijfers-k-grid.k-grid .grade, #cijfers-container aside .widget .cijfer-berekend tr *, .block h3 strong, .studiewijzer-onderdeel div.content ul > li, .widget .dualcollumn-list li strong, .widget .dualcollumn-list li span, #opdracht-detail div.comment, .tri-columns strong, .tri-columns div, .agenda-lesdashboard div.comment, .dialog-large .content, .agenda-text-icon.outline, .block h3 .block-menu, .block h3 span.icon-up-arrow, .block h3 span.icon-down-arrow, dna-breadcrumbs, .sources li a:hover:after, .versions li a b.ng-binding, dna-page-header span, .widget .list li, .iconic:before {
	color: white;
}
.versions li:first-child i, span#examen-gegevens-officiele-naam, span#examen-gegevens-nummer, span#examen-gegevens-opleiding, span#examen-gegevens-profiel, span#examen-gegevens-geboorte-datum, span#examen-gegevens-geboorte-plaats, span#examen-gegevens-geboorte-gemeente, span#examen-gegevens-geboorte-land, div#examen-rooster-widget span.ng-binding {
    color: #ffffffa3;
}
.alert, dna-page-header dna-button-bar dna-button, #cijferslaatstbehaalderesultaten-uitgebreideweergave {
    background-color: #495f69 !important;
    color: #ffffffa3;
}
.k-other-month {
    background-color: darkgrey;
}
.alert a, dl.list-dl *, form .radio input[type="radio"]:checked ~ label, .k-dropdown .k-dropdown-wrap *, html body .k-popup.k-list-container .k-item, .agenda-lesdashboard aside .agenda-list li a, .k-dropdown .k-state-hover .k-input, .widget .list li a, .widget .multi-line strong, span.nrblock, .widget .list li.no-data a:hover, .head-bar h1, .alt-nrblock i {
	color: white !important;
}
.comment.ng-binding.ng-scope a , .dialog-large .content a, .attachments a {
	color: #0089ff;
}
.alert:hover a, td.k-other-month .k-link, .sources li.selected > a, .cijfers-k-grid.k-grid .grade .herkansing-icon {
	color: #333333 !important;
    background-color: #1b2022 !important;
}
.agenda-widget .content a {
    color: #ffffff !important;
}
.alertRed, td.moetinhalen {
    background-color: #966754 !important;
}
.alertRed a {
	color: #333333 !important;
}
.content-container, aside .tabs li a, form .radio input[type="radio"]:checked ~ label, form .radio input[type="radio"] ~ label, .k-calendar thead th, .sm-grid.k-grid .k-grid-content, .k-group, .dialog .content, .k-multiselect-wrap, table.table-grid-layout th, .dialog .content-pane, .wizzard-block .sheet, .rest-column, .first-column, .column-container h3, #bronnen-container .bronnen-quota-label, #studiewijzer-container div.studiewijzer-list div.head, #studiewijzer-container div.studiewijzer-list > ul > li, .cijfers-k-grid.k-grid .k-grid-header th.k-header, .cijfers-k-grid.k-grid .text, .k-grid-header, #cijfers-container .main div.content-container-cijfers, .cijfers-k-grid.k-grid, .menu-footer, .menu, .menu-host, .head-bar div>a.text-button, .appbar>div>a, a.appbar-button, .afsprakenlijst-container .main>.content-container {
	background: #1b2022;
}
.k-dropdown .k-dropdown-wrap, html body .k-popup.k-list-container .k-item, .sm-grid.k-grid .k-grid-content .k-grouping-row .group-header-content, .k-dropdown .k-dropdown-wrap.k-state...