Gradescope Dark Mode by zadencodes

/* ==UserStyle==
@name           Gradescope Dark Mode
@namespace      github.com/openstyles/stylus
@version        1.1.2
@description    Makes Gradescope Prettier
@author         Zaden
==/UserStyle== */
@-moz-document url-prefix("https://www.gradescope.com/"), url-prefix("http://www.gradescope.com/") {
    #submit-fixed-length-modal.highlight {
        filter: brightness(1.4);
        transition: filter 0.5s;
    }
    
    .form--group.highlight {
        filter: brightness(1.4);
        transition: filter 0.5s;
    }
    
    .form--group {
        transition: filter 1s;
    }
    
    .sidebar--menuItemIcon::after {
        border-color: #e7e7e700;
    }
    .svgLogo, .sidebar--collapsedHomeIcon {
        filter: brightness(2);
    }

    .l-mobileTopNav {
        border-bottom: 1px solid #092b29;
        background: #092b29;
    }

    .l-mobileTopNav {
        box-shadow: 4px -2px 16px #146a65;
    }

    html,
    body {
        background-color: #151515;
        --text-color: #219792 !important;
    }

    :root {
        --tdl-system-gray-100: #3a3a3a;
        --tdl-system-gray-900: #2d8681;
        --tdl-system-gray-500: #939393;
        --tdl-system-gray-700: #146a65;
        --tdl-system-gray-200: #0a1a19;
        --tdl-brand-primary-800: #448887;
        --tdl-brand-secondary-400: #20847d;
        --tdl-system-gray-0: #1a1a1a;
        --tdl-system-gray-50: #0c3a38;
        --tdl-brand-secondary-75: #0e3a37;
        --tdl-color-state-hover-surface: #091817;
        --tdl-system-light-blue-400: #219792;
        --tdl-color-state-hover-primary-container: #0e3a37;
        /*--tdl-color-state-hover-secondary-container: #ff0017;*/
       
    }
    
    .table {
        background: transparent;
    }
    .form--textInput {
        background-color: #092b29;
        border-bottom: 2px solid #092b29;
    }

    .l-actionBar,
    .sidebar--userProfile {
        background-color: #171e1c;
    }


    .l-sidebar {
        background-color: #092b29;
    }

    .l-rightSidebar-outline {
        background-color: #092b29;
    }

    .selectPages--pages {
        border-left: 2px solid #444;
        background-color: #151515;
    }

    .selectPagesHeading {
        border-bottom: 2px solid #444;
    }

    .slider--input-rtl {
        background-color: #15151500;
    }

    .selectPagesQuestionOutline--questions {
        border: 2px solid #104a47;
        background-color: #092b29;
    }

    .selectPagesQuestionOutline--item-selected,
    .selectPagesQuestionOutline--item-selected:focus,
    .selectPagesQuestionOutline--item-selected:hover {
        border-left-color: #1b807c00;
        background-color: #104a47;
        color: var(--green-text, #1b807c);
    }

    .selectPagesQuestionOutline--item {
        border-left: 2px solid #092b2900;
    }

    .keyboardShortcut--icon {
        background-color: #092b29;
        box-shadow: 0 1px #051514;
    }

    .selectPagesQuestionOutline--item:hover {
        background-color: #0c3735;
    }

    .selectPagesQuestionOutline--itemRow {
        border-bottom: 1px solid #104a47;
    }

    .selectPagesQuestionOutline--item {
        color: #219792;
    }

    .courseBox {
        background-color: #092b29 !important;
    }
    .courseBox:focus,
    .courseBox:hover:not(.disabled) {
        background-color: #0c3a38 !important;
    }

    .modal {
        background-color: #151515;
        transition: filter 1s;
    }

    .modal--footer-closeButton:hover {
        background-color: #219792;
        color: #313131;
    }

    .modal--footer-closeButton {
        background-color: #092b29;
        color: #219792;
    }

    .msg-info {
        border: 1px solid #061a18;
        background: #030d0c;
        color: #1b807c;
    }

    .modal--heading {
        color: #219792
    }

    .modal--subheading {
        background-color: #092b29;
        color: #fff;
    }

    .form--radioOptions {
        color: #219792;
    }
    
    .js-dropzoneMessage, .dz-clickable {
        color: #219792;
    }
    
    .dropzonePreview--progressContainer {
    background-color: #383838;
    }
    
    .dropzonePreview--fileList {
    color: #219792;
    border-top: 3px solid #e1e5eb00;
    border-bottom: 3px solid #e1e5eb00;
}

    .courseHeader--title {
        border-right: 1px solid #e1e5eb00;
        color: var(--text-color, #219792);
    }

    .courseDashboard--panelHeading {
        border-bottom: 2px solid #092b29;
        color: var(--text-color, #219792);
    }
    
    .modal-body, .modal--body {
        color: #219792;
    }

    .progressBar--background {
        background-color: #2c2c2c;
    }

    .table > tbody > tr {
        height: 54px;
        border-bottom: 1px solid #092b29;
        border-top: 1px solid #092b29 !important;
    }

    .table > thead > tr {
        height: 40px;
        border-bottom: 2px solid #092b29;
    }

    .table--primaryLink > a,
    .table--secondaryLink > a,
    .table--primaryLink button,
    .table--secondaryLink button {
        color: #67b9b9;
    }

    .testCase--header {
        background-color: #092b29;
    }

    .testCase {
        border: 1px solid #219792;
    }

    .submissionOutline--sectionHeading {
        color: #8af1f1;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
    }
    
    .onlineAssignment--footer {
    border-top: 1px solid #219792;
    background-color: #092b29;
}

    .form--textArea {
        background: #092b29;
        border-color: #219792
    }
    
    .form--textArea:hover {
        border-color: #28b9b3
    }
    
    .statusBar {
        background: #092b29;
        border-color: #0e4542
    }
    
    .testCase--body {
        border-top: 1px solid #219792;
    }

    /* buttons */
    .btnv7-secondary, .btnv7-primary, .actionBar--action-next {
    padding: 8px 16px;
    border-radius: 2px;
    border-color: #27b4ac;
    background-color: #135753;
    color: white;
}

.btnv7-secondary:hover, .btnv7-primary:hover, .actionBar--action-next:hover:not(.disabled) {
    border-color: #176964;
    background-color: #176964;
    color: white;
}

.btnv7-primary.disabled, .btnv7-primary:disabled {
    border-color: #1e958e;
    background-color: #1e8d86;
}
    
    
    .btnGroup-segmented .btnGroup--btn:not(.btnGroup--btn-is-selected) {
        border-color: #1b807c;
        background-color: #3c3c3c;
        color: #1b807c;
    }

    .fileViewer {
        border: 1px solid #1b807c;
        background-color: #092b29;
    }

    .fileViewerBody {
        border-top: 1px solid #1b807c;
    }

    .hljs {
        background: #151515;
        color: #219792
    }

    .textFileRow--lineNumber {
        border-right: 1px solid #219792;
    }

    .submissionTimeChart-warning .progressBar--fill {
        background-color: #d29b07;
    }

    .submissionStatus-warning > .submissionStatus--bullet {
        background-color: #d29b07;
    }

    .progressBar--caption {
        color: #4a8383;
    }

    .table thead th.sorting:hover,
    .table thead th.sorting:focus,
    .table thead th.sorting:hover::before,
    .table thead th.sorting:focus::before,
    .table thead th.sorting_desc,
    .table thead th.sorting_asc {
        color: #4a8383;
    }

    .submissionStatus {
        color: #85989f;
    }

    .onlineAssignment {
        background-color: #092b29;
    }

    .onlineAssignment-submit,
    .onlineAssignment-view {
        border: 1px solid #092b29;
    }

    .fileViewerHeader--downloadLink {
        color: #70b5b5;
    }

    .fileUpload .fa-file-text-o,
    .fileUpload .fa-file-image-o,
    .fileUpload--prompt {
        color: #219792;
    }

    .btn-fileUpload {
        border-radius: 2px;
        padding: 10px 20px;
        border-color: #092b29;
        background-color: #092b29;
        color: #219792;
    }

    .btn-fileUpload:hover {
        border-color: #0d403d;
        background-color: #0d403d;
        color: #219792;
    }

    .btn-cancel {
        border-color: #0d713f !important;
        background-color: #0d713f !important;
        color: #fff;
    }

    .mobile-app-links,
    .appDownloadInstructionText {
        visibility: hidden;
    }

    .btnContainer > .btn:not(:last-child),
    .btnContainer > .btnv7:not(:last-child),
    .btnContainer > .form-buttonTo:not(:last-child),
    .btnContainer > .btnGroup:not(:last-child) {
        margin-top: 16px;
    }
}