Smartschool Cyan Mode by fl0x

/* ==UserStyle==
@name           Smartschool Dark Mode
@namespace      USO Archive
@author         Brecht Van Acker Voorspoels
@description    `<strong>Smartschool Dark Mode</strong>By <i>Brecht Van Acker Voorspoels</i>`
@version        20201120.13.1
@license        CC-BY-NC-4.0
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("smartschool.be") {
    /*© Brecht Van Acker Voorspoels*/
    /*V1.1*/
    /*Global*/
    :root {
        --green: #00fcd7;
        --blue: #18edcd;
        --medium-grey: #18baa2;
        --darkest-grey: #15edcd;
        --red: #18bab1;
        --light-dark-grey: #10a18b;
        --purple-blue: #00fcd7;
        --light-green: #67db4d;
        --light-blue: #15edcd;
    }
    ::selection {
        color: white !important;
        background: var(--purple-blue) !important;
    }
    body {
        font-family: comic-sans;
        color: white !important;
        background-color: var(--white) !important;
    }
    textarea {
        color: white !important;
        background-color: var(--medium-grey) !important;
    }
    .flexwrap {
        background-color: var(--medium-grey) !important;
    }
    .modern-ui {
        background-color: var(--medium-grey) !important;
    }
    fieldset,
    legend,
    th {
        background-color: var(--medium-grey) !important;
    }
    select {
        background-color: var(--medium-grey) !important;
        border: var(--medium-grey) !important;
    }
    a,
    span,
    legend,
    button,
    select {
        color: white !important;
    }
    a:hover {
        color: var(--blue) !important;
        text-decoration: none !important;
    }
    span a:hover {
        text-decoration: none !important;
        color: var(--blue) !important;
    }
    a span:hover {
        color: var(--blue) !important;
        text-decoration: none !important;
    }
    .action__label {
        color: white !important;
    }
    .action__label:hover {
        color: var(--blue) !important;
    }
    input[type=text] {
        color: white !important;
    }
    input[type=password] {
        color: white !important;
    }
    input[type=textfield] {
        color: white !important;
    }
    input[type=search] {
        color: white !important;
        background-color: var(--medium-grey) !important;
    }
    input {
        color: white !important;
        border-radius: 3px !important;
        padding-left: 5px !important;
    }
    .smscselect {
        background: #00fcd7 !important;
    }
    div a {
        color: white !important;
    }
    div a:hover {
        color: #7289da !important;
        text-decoration: none !important;
    }
    ol,
    ul {
        color: white !important;
    }
    img {
        pointer-events: none;
    }
    div,
    button {
        text-shadow: none !important;
    }
    tr {
        background-color: var(--medium-grey);
    }
    textarea {
        padding: 5px !important;
    }
    input[type="checkbox"] {
        background: var(--medium-grey) !important;
    }
    .resize-handle {
        background-image: url('https://svgshare.com/i/Rc_.svg') !important;
    }
    span:hover {
        text-decoration: none !important;
    }

    /*Login page*/
    .hero-image-- {
        display: none !important;
    }
    .login-app__smartschool-app {
        background-color: #18edcd;
        padding-bottom: 32px;
    }
    .login-app__title--separator {
        color: #18edcd;
    }
    span,
    a {
        color: white;
    }
    .login-app__link--password {
        color: lightblue;
    }
    .login-app__right {
        margin: auto !important;
        box-shadow: none !important;
    }
    .login-app .smscButton {
        background-color: #7289da !important;
        border-color: #7289da !important;
    }
    .login-app .smscButton:hover {
        background-color: #7289da !important;
        border-color: #18baa2 !important;
    }
    .required span {
        color: white;
    }
    a.smscButton span {
        color: white;
    }
    .login-app__title--or {
        color: white;
    }
    .login-app__link {
        color: white;
    }
    .login-app__link:hover {
        color: #7289da;
    }
    .login-app__smartschool-app:hover {
        color: #7289da;
    }
    .modern-ui .float-label__input + label span {
        color: white;
    }
    .login-app__platform-indicator {
        background-color: #15edcd;
        margin-bottom: 16px;
    }
    .login-app__left {
        display: none;
    }

    /*Start*/
    .topnav__menuitem--img span:hover {
        color: white !important;
    }
    .topnav__menu-wrapper {
        background-color: var(--medium-grey) !important;
    }
    .profile-blocks.js-profile-blocks {
        display: none !important;
    }
    .course-ico {
        border-right: 1px solid var(--blue) !important;
    }
    .module-news--24 {
        background-image: url('https://svgshare.com/i/RdB.svg') !important;
    }
    .home__container__content__loading {
        background-image: url('https://i.ibb.co/cwdKk1F/Rolling-1s-52px-transparent.gif') !important;
    }
    .scoodle__container {
        background-color: var(--light-dark-grey) !important;
    }
    .home__container__tab {
        background: var(--blue) !important;
        border-radius: none !important;
        height: 100% !important;
    }
    .home__container__tab::before,
    .home__container__tab::after {
        display: none !important;
    }
    .home__container__tab--active {
        background: var(--light-dark-grey) !important;
        font-weight: normal !important;
    }
    .home__container__tabs::before {
        display: none !important;
    }
    .course__block__title:hover {
        color: white !important;
    }
    .js-search-filter fieldset legend {
        color: #67db4d !important;
    }
    #topnavSearchFilter {
        background-color: #15edcd !important;
        color: white !important;
    }
    .news__feed__button__content--name-date {
        color: lightblue !important;
    }
    .course__block__description {
        color: lightblue !important;
    }
    .course__block__description:hover {
        color: lightblue !important;
    }
    .js-course-descr {
        color: lightblue !important;
    }
    .js-course-descr:hover {
        color: lightblue !important;
    }
    .course-link__name:hover {
        color: white !important;
    }
    .js-course-name mark {
        background: none !important;
    }
    .homepage__block p a img:first-child {
        display: none !important;
    }
    .smsc-container--main,
    homepage__center {
        background-color: #18edcd;
    }
    .homepage__right {
        background-color: #18baa2;
    }
    .ssLink {
        color: white;
    }
    .ssLink:hover {
        color: #49e6ce;
        text-decoration: none;
    }
    .datepicker__cell__content:hover {
        background-color: #49e6ce !important;
    }
    .datepicker__header td div:hover {
        background-color: #49e6ce !important;
    }
    .modern-ui .smsc-topnav .topnav,
    .smsc-topnav .topnav {
        background: #09947f !important;
    }
    .smsc-topnav .topnav__menu {
        background-color: #49e6ce;
        border: 1px solid #10a18b;
    }
    body.modern-ui .homepage__block:not(:last-child) {
        border-bottom: 1px solid #15edcd;
    }
    body.modern-ui .homepage__center {
        border-left: 1px solid #15edcd;
        border-right: 1px solid #15edcd;
    }
    .datepicker__navigation__label {
        color: white;
    }
    .scoodle-kit__kit img {
        display: none !important;
    }
    .topnav__badge {
        color: white;
    }
    .smsc-topnav .topnav__badge {
        background-color: #7289da;
    }
    .smsc-title--1 {
        color: white !important;
        font-weight: bold !important;
    }
    .ui-widget-content {
        background: #10a18b;
        border: none;
    }
    .smscButton {
        background: #7289da !important;
        border-color: #7289da !important;
        color: white !important;
    }
    .modern-ui .smscButton:hover:not([disabled]) {
        background-color: #7289da;
    }
    .topnav__menu-arrow::before {
        border-color: #15edcd transparent !important;
    }
    .topnav__menu-arrow::after {
        border-color: #2f3136 transparent !important;
    }
    .smsc-contextmenu.position-bottom .smsc-contextmenu-arrow::after {
        border-color: #2f3136 transparent;
    }
    .smscMain {
        background-color: var(--medium-grey) !important;
        height: 100% !important;
    }
    .smscMain table tr td {
        background: none !important;
    }
    span {
        color: white;
        text-decoration: none !important;
    }
    .js-course-filters {
        background-color: #10a18b;
    }
    .smsc-contextmenu-bubble {
        background-color: #2f3136 !important;
        border-color: #2f3136 !important;
    }
    a.menu-type:hover {
        color: #7289da !important;
        background-color: #2f3136 !important;
    }
    .course-ico {
        background-color: #7289da !important;
    }
    .course-btnbar {
        border: #7289da solid !important;
    }
    .topnav__menu__title {
        color: white !important;
    }
    .datepicker--pointer {
        color: white !important;
    }
    a.course__block.course__image:hover {
        background-color: #202225 !important;
        border-color: #202225 !important;
    }
    .menu-type.menu-linkbutton.smsc-linkbutton.smsc-linkbutton--icon.smsc-linkbutton--svg.smsc-linkbutton--24:hover {
        color: #7289da !important;
        background-color: #2f3136 !important;
    }
    .msg_button {
        color: white;
    }
    .msg_button:hover {
        color: #7289da;
    }
    .send-button {
        background-color: #7289da !important;
    }
    .toolbarright {
        background-color: #2f3136;
    }
    .postbox_link {
        color: white;
    }
    .postbox_link:hover {
        color: #7289da !important;
    }
    .messages__tree__add-button {
        color: white;
    }
    .messages__tre...