SAE Canvas Dark Theme by p0isonouspurple

/* ==UserStyle==
@name           SAE Canvas Dark Theme
@namespace      canvas.sae.edu
@version        1.0.2
@description    Rest your eyes here with the calming dark blue tones :)
@author         PoisonousPurple
==/UserStyle== */

@-moz-document domain('canvas.sae.edu') {
    :root {
        --dtheme-color-primary: #efefef;
        --dtheme-bg-primary: #0d1117;
        --dtheme-bg-secondary: #151a21;
        --dtheme-color-sae-orange: #ff6900;
    }
    
    body {
        background: var(--dtheme-bg-primary);
        color: var(--dtheme-color-primary);
    }

    a:hover {
        text-decoration: none;
    }



    .ic-Dashboard-header__layout,
    .sJGfW_bGBk:hover,
    .fQfxa_bGBk:hover .fQfxa_dqAF.fQfxa_buuG,
    .navigation-tray-container,
    #breadcrumbs,
    table.summary tbody th,
    .ui-tabs .ui-tabs-panel,
    select,
    .ui-tabs .ui-tabs-nav li.ui-tabs-active, .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover, .ui-tabs .ui-tabs-nav li.ui-tabs-active:hover,
    .ui-tabs .ui-tabs-nav li.ui-state-hover, .ui-tabs .ui-tabs-nav li:hover,
    .item-group-container,
    .item-group-condensed .ig-row,
    .header-bar,
    .module-sequence-footer .module-sequence-footer-content,
    .pinned-discussions-v2__wrapper, .unpinned-discussions-v2__wrapper,
    .closed-for-comments-discussions-v2__wrapper,
    .mce-menu,
    .DyQTK_ddES, .DyQTK_ddES.DyQTK_EwaR:hover,
    .ccWIh_bGBk, .erWSf_bGBk,
    .deUoG_bGBk, 
    #calendar-app .fc-month-view .fc-body, #calendar-drag-and-drop-container .fc-month-view .fc-body,
    .ui-state-active, .ui-progressbar .ui-widget-header, .ui-widget-header .ui-state-active, .ui-widget-header .ui-progressbar .ui-widget-header, .ui-progressbar .ui-widget-header .ui-widget-header,
    #context-list-holder, #undated-events,
    #minical,
    .ac-input-box,
    .Day-styles__root, .EmptyDays-styles__root,
    .PlannerHeader-styles__root,
    .agenda-wrapper,
    #calendar-app .fc-agendaWeek-view .fc-body, #calendar-drag-and-drop-container .fc-agendaWeek-view .fc-body {
        background: var(--dtheme-bg-primary)!important;
    }

    .ic-DashboardCard__header_content, .ic-DashboardCard, .ic-app-header,
    .ic-app-header__logomark-container,
    .ColorPicker__Container,
    .dpCPB_caGd, .fOyUs_kXoP,
    .sJGfW_bGBk, .cAqHo_eAjd,
    .bdYPe_eLeB:not([aria-selected]):not([aria-disabled]):hover, .bdYPe_eLeB[aria-selected],
    .table>thead, thead th, table.summary td,
    .ef-item-row:hover, .ef-item-row.ef-item-selected,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover,
    #syllabus tr.date.date_passed td, #syllabus tr.date.date_passed th, #syllabus tr.date.related td,
    #syllabus tr.date.related td, #syllabus tr.date.related th, #syllabus tr.date.selected td, #syllabus tr.date.selected th,
    .mini_calendar .day.has_event,
    .toolbarView .headerBar,
    .item-group-condensed .ig-header,
    .ig-list .ig-row:hover,
    .fNHEA_cjSw.fNHEA_ksNK .fNHEA_cSXm,
    .rubric_container .rubric_title, .rubric_container thead th,
    .discussions-v2__container-image, 
    .ic-discussion-row, 
    .cDwzl_caGd,
    .dXATK_cAug:not([aria-selected]):not([aria-disabled]):hover, .dXATK_cAug[aria-selected],
    .bgKsu_dtDbm, .bgKsu_dtDb,
    .mce-menu-item:hover, .mce-menu-item:hover .mce-text,
    .mce-floatpanel.mce-popover,
    .ic-Table.ic-Table--hover-row tbody tr:hover, .ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-neutral:hover, .ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-success:hover, .ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-alert:hover, .ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-danger:hover,
    .submission-details-comments .comments,
    #rubric_holder,
    .ic-notification__content,
    .cDMBL_bGBk, .dNoYT_bGBk,
    .discussion-reply-box, 
    #calendar-app .fc-month-view .fc-today, #calendar-drag-and-drop-container .fc-month-view .fc-today,
    #context-list .context_list_context:hover,
    .conversations .panel,
    .dropdown-menu,
    .course-list-table .course-list-table-row:hover,
    .eHiXd_eYmo, a.eHiXd_eYmo, button.eHiXd_eYmo, button.eHiXd_eYmo[type="button"], button.eHiXd_eYmo[type="reset"], button.eHiXd_eYmo[type="submit"],
    .Opportunity-styles__root, .fOyUs_fZwI, .fOyUs_kXoP, .fOyUs_cBHs,
    .stream_header:hover, .stream-details tr:hover,
    .event-details,
    .fLzZc_bGBk, .UpdateItemTray-styles__root,
    .ic-Table.ic-Table--striped tbody tr:nth-child(odd) {
        background: var(--dtheme-bg-secondary)!important;
    }

    .ic-DashboardCard__header-subtitle,
    .dpCPB_caGd,
    .fCrpb_egrg, .fCrpb_egrg.fCrpb_fVUh, label.fCrpb_egrg,
    .bdYPe_eLeB:hover,
    .sJGfW_bGBk, .sJGfW_blJt,
    #breadcrumbs>ul>li+li:last-of-type a,
    .fNHEA_blJt,
    .feature-flags, .feature-flag .element_toggler, .feature-flag .element_toggler:hover,
    #right-side p.email_channel,
    .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
    .ui-tabs .ui-tabs-nav li.ui-state-hover, .ui-tabs .ui-tabs-nav li:hover,
    .mini_calendar .day,
    .item-group-condensed .ig-header,
    .ig-list .ig-row, .ig-header .name,
    .accessible-toggler, .accessible-toggler:hover,
    .MlJlv_cjSw, .MlJlv_ebWM,
    .bgKsu_blJt,
    .mce-btn button, .mce-toolbar .mce-btn i, .mce-menubtn span,
    .cDwzl_caGd,
    .dXATK_cAug:hover, .dXATK_cAug[aria-disabled], .dXATK_cAug[aria-selected],
    .DyQTK_ddES,
    legend, .mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset,
    #grades_summary th.title .context,
    .fwfoD_fsuY, .erWSf_bGBk, .ccWIh_bGBk,
    .deUoG_bGBk,
    .discussion-reply-action, .discussion-rate-action,
    .calendar .fc-row .fc-content-skeleton td, .calendar .fc-row .fc-helper-skeleton td, #calendar-drag-and-drop-container .fc-row .fc-content-skeleton td, #calendar-drag-and-drop-container .fc-row .fc-helper-skeleton td,
    #minical .fc-toolbar h2, #minical .fc-toolbar .h2,
    #minical .fc-widget-content,
    .dropdown-menu li>a:hover, .dropdown-menu li>a:focus, .dropdown-submenu:hover>a,
    .PlannerHeader-styles__root,
    .eHiXd_eYmo, a.eHiXd_eYmo, button.eHiXd_eYmo, button.eHiXd_eYmo[type="button"], button.eHiXd_eYmo[type="reset"], button.eHiXd_eYmo[type="submit"],
    .Day-styles__root, .EmptyDays-styles__root, .bdYPe_ddES, .Opportunity-styles__oppName, .Opportunity-styles__due,
    #calendar-app .fc-agendaWeek-view .fc-widget-header, #calendar-app .fc-agendaWeek-view .fc-axis, #calendar-drag-and-drop-container .fc-agendaWeek-view .fc-widget-header, #calendar-drag-and-drop-container .fc-agendaWeek-view .fc-axis {
        color: var(--dtheme-color-primary);
    }

    .profile_table .data_description,
    .mini_calendar .day.today,
    .ig-list .ig-row a.ig-title,
    .mce-toolbar .mce-btn:hover i,
    .yyQPt_blJt, .discussion-reply-box:hover, .discussion-reply-box:focus,
    .dropdown-menu li>a, 
    .Opportunity-styles__points{
        color: var(--dtheme-color-sae-orange);
    }

    /* CARD ICONS */
    .esvoZ_bGBk {
        fill: var(--dtheme-color-primary);
    }

    /* NAVBAR ACTIVE ICON */
    .ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-icon-svg {
        fill: var(--dtheme-bg-primary);
    }

    /* NAVBAR ACTIVE COLOR */
    body.primary-nav-expanded .ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .menu-item__text {
        color: var(--dtheme-bg-primary);
    }

    /* NAVBAR ACTIVE BACKGROUND */
    .ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-app-header__menu-list-link,
    .btn.active, .btn.Button--active, .btn.ui-button.ui-state-active, .ui-progressbar .btn.ui-button.ui-widget-header, .Button.active, .active.ui-button, .Button.Button--active, .Button--active.ui-button, .ui-button.ui-state-active, .ui-progressbar .ui-button.ui-widget-header, .ui-button.ui-state-active:hover, .ui-button.ui-state-active.ui-state-hover,
    #calendar-app .fc-agendaWeek-view .calendar-nowline, #calendar-drag-and-drop-container .fc-agendaWeek-view .calendar-nowline {
        background: var(--dtheme-color-sae-orange);
    }

    /* GLOBAL BUTTON STYLE */
    .Button, .eHiXd_ddES, a.eHiXd_ddES, button.eHiXd_ddES, button.eHiXd_ddES[type="button"], button.eHiXd_ddES[type="reset"], button.eHiXd_ddES[type="submit"], .ui-button, .btn, .fQfxa_dqAF.fQfxa_buuG {
        background: var(--dtheme-bg-secondary);
        color: var(--dtheme-color-primary);
        border: 1px var(--dtheme-bg-secondary) solid;
        transition: .2s;
    }

    /* GLOBAL BUTTON STYLE HOVER */
    .Button:hover, .eHiXd_ddES:active, .eHiXd_ddES:hover, a.eHiXd_ddES:active, a.eHiXd_ddES:hover, button.eHiXd_ddES:active, button.eHiXd_ddES:hover, button.eHiXd_ddES[type="button"]:active, button.eHiXd_ddES[type="button"]:hover, button.eHiXd_ddES[type="reset"]:active, button.eHiXd_ddES[type="reset"]:hover, button.eHiXd_ddES[type="submit"]:active, button.eHiXd_ddES[type="submit"]:hover, .eHiXd_ddES:active, .eHiXd_ddES:focus, .eHiXd_ddES:hover, a.eHiXd_ddES:active, a.eHiXd_ddES:focus, a.eHiXd_ddES:hover, button.eHiXd_ddES:active, button.eHiXd_ddES:focus, button.eHiXd_ddES:hover, button.eHiXd_ddES[type="button"]:active, button.eHiXd_ddES[type="button"]:focus, button.eHiXd_ddES[type="button"]:hover, button.eHiXd_ddES[type="reset"]:active, button.eHiXd_ddES[type="reset"]:focus, button.eHiXd_ddES[type="reset"]:hover, button.eHiXd_ddES[type="submit"]:active, button.eHiXd_ddES[type="submit"]:focus, button.eHiXd_ddES[type="submit"]:hover, .ui-state-hover.ui-button, .ui-button:hover, .btn:hover, .fQfxa_dqAF.fQfxa_buuG:hover {
        background: var(--dtheme-bg-primary);
        color: var(--dtheme-color-sae-orange);
        border: 1px var(--dtheme-color-primary) solid;
    }

    /* BUTTON ACTION (CARDS) */
    .Button--icon-action-rev, .Button--icon-action-rev:hover {
        ba...