A Dark Mode for ClassCharts by george-wild

/* ==UserStyle==
@name         ClassCharts Dark Mode
@version      20231206.17.35
@namespace    ?
==/UserStyle== */

@-moz-document url-prefix("https://www.classcharts.com/mobile/student") {
body {
    background-color: rgb(17, 20, 14);
    color: rgb(227, 227, 220);
}

.calendar-header-open-button {
    background-color: #205106;
}
.calendar-header-open-button:hover {
    background-color: #205106cc;
}

.MuiDrawer-paper {
    background-color: #0c0f09;
    color: rgb(227, 227, 220);
}
.MuiListItemIcon-root {
    color: rgb(227, 227, 220);
}
.MuiRadio-root {
    color: rgb(227, 227, 220);
}

.MuiDrawer-paper > div {
    background-color: #0c0f09;
}

.desktop-drawer-pupil > div div {
    background-color: #205106 !important;
    color: #b8f397;
}

.MuiToolbar-root {
    background-color: #205106;
    color: #b8f397;
}

.MuiDialog-paper {
    background-color: #3e4a35;
    color: #d9e7cb !important;
}
.MuiDialog-paper * {
    color: #d9e7cb !important;
}

.calendar-dialog-close-button {
    color: #d9e7cb;
}

.MuiInputBase-root{
    color: #d9e7cb;
}

.homework-group > * {
    background-color: #3e4a35;
    border: 0;
}

tr > * {
  background-color: #3e4a35 !important;
}

.open-homework-details-button {
    color: #d9e7cb;
}

.expand-button {
    color: #d9e7cb;
}

.MuiRadio-colorSecondary.Mui-checked {
    color: #d9e7cb;
}
.homework-details * *:nth-child(5) {
    background-color: #1e211a;
    border-radius: 0.5em;
    color: #e3e3dc !important;
}
.homework-details * *:nth-child(5) * {
    color: #e3e3dc !important;
}

.announcements-page * {
    color: #e3e3dc !important;
}

.announcement-card > * > * > * {
    background-color:  #1e211a;
}

.jss34 > div > span {
    color: #9dd67d !important;
}
.jss34 * {
    color: #9dd67d !important;
}
.homework-group-table {
    border: 0 !important;
}

td {
    border: 1px solid #d6e4c8 !important;
}

}