Code.org dark mode by carsonboardman

/* ==UserStyle==
@name         Code.org dark mode
@version      20220304.15.10
@namespace    userstyles.world/user/carsonboardman
@description  A work in progress dark mode, currently for AppLab, but plans to include the whole site
@author       carsonboardman
@license      No License
==/UserStyle== */

@-moz-document domain("code.org") {
.ace-chrome .ace_print-margin {
    width: 1px;
    background: #1e1e1e;
}
.ace-chrome {
    background-color: #1e1e1e;
    color: black;
}
.header-wrapper .header {
    background-color: #333333;
}
.ace-chrome .ace_invisible {
    color: rgb(191, 191, 191);
}
.ace-chrome .ace_constant.ace_buildin {
    color: rgb(88, 72, 246);
}
.ace-chrome .ace_constant.ace_language {
    color: rgb(88, 92, 246);
}
.ace-chrome .ace_constant.ace_library {
    color: rgb(6, 150, 14);
}
.ace-chrome .ace_invalid {
    background-color: rgb(153, 0, 0);
    color: white;
}
.ace-chrome .ace_support.ace_function {
    color: #dcdcaa;
}
.ace-chrome .ace_support.ace_constant {
    color: rgb(6, 150, 14);
}
.ace-chrome .ace_support.ace_type,
.ace-chrome .ace_support.ace_class.ace-chrome .ace_support.ace_other {
    color: rgb(109, 121, 222);
}
.ace-chrome .ace_variable.ace_parameter {
    font-style: italic;
    color: #8cd1f9;
}
.ace-chrome .ace_keyword.ace_operator {
    color: #fff;
}
.ace-chrome .ace_comment {
    color: #29a72b;
}
.ace-chrome .ace_comment.ace_doc {
    color: #29a72b !important
}
.ace-chrome .ace_comment.ace_doc.ace_tag {
    color: #29a72b;
}
.ace-chrome .ace_constant.ace_numeric {
    color: rgb(0, 0, 205);
}
.ace-chrome .ace_variable {
    color: rgb(49, 132, 149);
}
.ace-chrome .ace_xml-pe {
    color: rgb(104, 104, 91);
}
.ace-chrome .ace_entity.ace_name.ace_function {
    color: #dcdcaa;
}
.ace-chrome .ace_heading {
    color: rgb(12, 7, 255);
}
.ace-chrome .ace_list {
    color: rgb(185, 6, 144);
}
.ace-chrome .ace_marker-layer .ace_selection {
    background: rgb(181, 213, 255);
}
.ace-chrome .ace_marker-layer .ace_step {
    background: rgb(252, 255, 0);
}
.ace-chrome .ace_marker-layer .ace_stack {
    background: rgb(164, 229, 101);
}
.ace-chrome .ace_marker-layer .ace_bracket {
    margin: -1px 0 0 -1px;
    border: 1px solid rgb(192, 192, 192);
}
.ace-chrome .ace_marker-layer .ace_active-line {
    background: rgba(0, 0, 0, 0.07);
}
.ace-chrome .ace_gutter-active-line {
    background-color: #dcdcdc;
}
.ace-chrome .ace_marker-layer .ace_selected-word {
    background: rgb(250, 250, 255);
    border: 1px solid rgb(200, 200, 250);
}
.ace-chrome .ace_storage,
.ace-chrome .ace_keyword,
.ace-chrome .ace_meta.ace_tag {
    color: #008cff;
}
.ace-chrome .ace_string.ace_regex {
    color: rgb(255, 0, 0)
}
.ace-chrome .ace_string {
    color: #ce9178;
}
.ace-chrome .ace_entity.ace_other.ace_attribute-name {
    color: #994409;
}
.ace-chrome .ace_indent-guide {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAE0lEQVQImWP4////f4bLly//BwAmVgd1/w11/gAAAABJRU5ErkJggg==") right repeat-y;
}
.ace_identifier {
    color: #99dcfe;
}
.ace_punctuation {
    color: #99dcfe;
}
.ace_paren {
    color: #ffff;
}
.pin_bottom {
    background-color: #333333
}
.ace_gutter {
    background-color: #333333 !important;
    color: #ffffff !important;
}
.droplet-palette-wrapper,
.droplet-palette-canvas{
    background-color: #333333 !important;
}
.ace_gutter-active-line {
    background-color: #545454 !important;
}

.droplet-palette-header {
    background-color: #333333 !important;
}
.ace_cursor {
    color: white !important;
    cursor: wait !important;
    display: inline !important;
}
/*Homepage classes */
.wrapper,
.containerClass,
.ui-personal-projects-row{
    background-color: #545454 !important;
    color: #fff;
}
.jumbo stats-number,
.statistics,
.stats-number,
.stats-phrase,
.every-student{
    color: white !important;
}
recent-courses,
input{
    color: white !important;
    background-color: #212121 !important;
}
.droplet-palette-wrapper{
    visibility: hidden !important;
}
input[id = "script-title"]{
    color:white !important;
}
}