myPetroc Timetable Dark Theme by JohnPetroc

/* ==UserStyle==
@name       myPetroc Timetable Dark Theme
@version    20250401.21.27
@namespace  ?
==/UserStyle== */

@-moz-document domain("timetable.petroc.ac.uk") {
:root {
    --bg: #333;
    --panel: #444;
    --btn: #555;
    --6: #666;
    --nav: #777;
    --txt: #fff;
    --green: #A5BE25;
    --yellow: #E8BD1C;
}

body,
.sidebar {
    background: var(--bg);
    color: var(--txt);
}

.sidebar .sidebarPanel,
.panel {
    background: var(--panel);
    color: var(--txt);
}

.panel-info {
    border-color: var(--txt);
}

.sidebarEventItemDiv .sideBarItemTitle,
.sidebarResItemDiv .sideBarItemTitle {
    background: var(--6) !important;
}

.sidebarEventItemDiv,
.sidebarResItemDiv {
    background: var(--nav) !important;
    border-color: var(--6) !important;
    box-shadow: none;
}

.fc-unthemed td.fc-today {
    background: var(--nav);
}

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

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

select {
    background: var(--6);
    border-color: var(--txt);
}

.panel-default>.panel-heading {
    background: var(--green);
    color: var(--txt);
}

.fc-unthemed .fc-list-item:hover td {
    background: var(--btn) !important;
}

.fc-unthemed .fc-list-heading td {
    background: var(--panel)
}

button {
    background: var(--btn);
}

/* cont */

.modal-content {
    background: var(--panel)
}

.select2-container--bootstrap .select2-selection,
.select2-container--bootstrap .select2-dropdown,
.select2-container--bootstrap .select2-search--dropdown .select2-search__field,
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    background: var(--6);
    color: var(--txt);
}
}