Skip to content

codehs dark mode by gotzya

Screenshot of codehs dark mode

Details

Authorgotzya

LicenseNo License

Categorycodehs.com

Created

Updated

Size2.9 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Should be used in junction with code hs Monaco Editor with vs-dark mode theme. This style is only used to clean up the vs-dark mode theme

visit my website for more information: https://rb.gy/qihxb0

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           codehs.com - 10/8/2022, 6:15:18 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("codehs.com") {

    .collapse,
    .navbar-collapse,
    .navbar-brand {
        background: #1e2227 !important;
        color: white !important;
    }

    .new-navbar.navbar .navbar-nav li a:not(.tt-suggestion) {
        color: #848c98;
        font-weight: 600;
        letter-spacing: .5px;
        font-size: 12px;
    }

    #logged-in-navbar #nav-resume .chs-icon-resume {
        color: #6fdc8c;
    }

    .__abacus_left-tab-bar,
    .__abacus_left-tabs,
    .__abacus_tab-bar,
    .__abacus_editor-tab-bar {
        background: #23272e;
        color: #848c98;
    }

    .__abacus_left-tab,
    .sc-fFSPTT,
    .fUWMBl,
    .__abacus_file-tab {
        background: #181b20;
        color: #848c98;
        ;
        cursor: pointer;
        border-bottom: 3px solid #0d0f14;
    }

    .__abacus_drag-bar,
    .__abacus_drag-bar-horizontal {
        background: #1e2227;
    }

    .__abacus_drag-bar-horizontal {
        height: 100%;
        width: 10px;
        border-left: 1px solid #1e2227;
        border-right: 1px solid #1e2227;
        cursor: col-resize;
    }

    .file-tab-bar,
    .hmqpxx {
        background: #0f1014 !important;
    }

    .__abacus_tab-bar .__abacus_tab.__abacus_active {
        background-color: #1e2227;
        color: #848c98;
    }

    .__abacus_tab {
        background: #1e2227;
    }

    .__abacus_tab-bar .__abacus_tab {
        background-color: #0e161c;
    }

    .__abacus_run-bar,
    .__abacus_light-mode {
        background: #23272e;
    }

    .__abacus_console.__abacus_light-mode {
        border: 1px solid #3b454b;
    }


    .StyledButtonKind-sc-1vhfpnt-0,
    .fSozsy,
    .sc-bkbkJK,
    .eraKfR,
    .__abacus_button,
    .__abacus_button-light-grey {
        color: #fff;
    }

    .__abacus_run-bar,
    .__abacus_light-mode {
        background: #23272e;
    }

    .__abacus_run-bar.__abacus_light-mode,
    .__abacus_debug-bar.__abacus_light-mode {
        background-color: #23272e;
        color: #333;
        border-right: #23272e;
    }

    .__abacus_stdout {
        color: #ddd
    }

    .__abacus_clear-console-button {
        color: #fa4d56 !important;
    }

    .__abacus_button.__abacus_runButton {
        background-color: #6fdc8c;
    }
    .__abacus_button.__abacus_stopButton {
        background-color: #fa4d56;
    }

    .StyledButtonKind-sc-1vhfpnt-0.bCsmqx.__abacus_button.__abacus_clear-console-button {
        background: #a40000;
    }

    .__abacus_editor .__abacus_tab-bar {
        border-bottom: 1px solid #23272e;
        ;
        font-size: 12px;
    }
}

Reviews

No reviews yet.