Project Stem Tokyo Night by fun840

/* ==UserStyle==
@name         Project Stem Tokyo Night
@version      20240125.01.26
@namespace    ?
==/UserStyle== */

@-moz-document domain("projectstem.org") {
/* variables */
:root {
    --border-1: #101014; /* border */
    --base-bg-1: #16161E; /* base bg */
    --base-bg-2: #212433;
    --layer-bg-1: #1A1B26; /* layer bg */
    --layer-bg-2: #282B3C;
    --layer-bg-3: #3F4256;
    --layer-bg-4: #444B6A;
    --highlight-1: #1E202E; /* dim highlight */
    --highlight-2: #2E3448; /* bright highlight */
    --blue-accent: #89ddff; /* color blue */
    --blue-dim: #80bcff;
    --text-1: #c0caf5; /* default text */
    --text-dim: #444B6A;
}




/* editor stuff */

.ace_constant.ace_numeric, .ace_constant.ace_language, .ace_boolean {
    color: #ff9e64 !important;
}
.ace_string {
    color: #9ece6a !important;
}
.ace_keyword, .ace_support.ace_function {
    color: #bb9af7 !important;
}
.ace_keyword.ace_operator {
    color: #89ddff !important;
}
.ace_identifier {
    color: #c0caf5 !important;
}
.ace_comment {
    color: #565f89 !important;
}
.ace-xcode {
    background-color: #1a1b26 !important;
    color: #c0caf5 !important;
 
}
.ace_selection {
    background-color: #282b3c !important;
}
.ace_indent-guide {
    background:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAIAAAAW4yFwAAABg2lDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpSIVh3YQcchQnayIijhqFYpQIdQKrTqYXPoFTRqSFBdHwbXg4Mdi1cHFWVcHV0EQ/ABxdHJSdJES/5cUWsR4cNyPd/ced+8AoVFhmtU1Dmi6baaTCTGbWxVDrxAQRARjEGRmGXOSlILv+LpHgK93cZ7lf+7P0afmLQYEROJZZpg28Qbx9KZtcN4njrKSrBKfE4+adEHiR64rHr9xLros8MyomUnPE0eJxWIHKx3MSqZGPEUcUzWd8oWsxyrnLc5apcZa9+QvDOf1lWWu0xxCEotYggQRCmooowIbcVp1UiykaT/h4x90/RK5FHKVwcixgCo0yK4f/A9+d2sVJie8pHAC6H5xnI9hILQLNOuO833sOM0TIPgMXOltf7UBzHySXm9rsSOgfxu4uG5ryh5wuQMMPBmyKbtSkKZQKADvZ/RNOSByC/Sueb219nH6AGSoq9QNcHAIjBQpe93n3T2dvf17ptXfDyMfcodg2D90AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5gIDEy4oRG4STgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAQSURBVAjXYzCzDmFiYGAAAASQAMh03QZmAAAAAElFTkSuQmCC') right repeat-y !important;
}
.ace_gutter {
    background-color: #171821 !important;
    color: #535876 !important;
}
.ace_gutter-cell.ace_error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE5SURBVHgBnZLtTcMwEIbvziZQgVBGyAaUDcoGbJBuQKq2/CX8AvVDhQ3YBDoB3YBuQCXaUAnwYYcmitw4oX3/WPLHo+fOB1ARjmJ/2R80oSbkOlh1R5dr7/RdoHxNrscT2AdCgvKHCBh99IatnSDL/ritl6C4J1HcwH8hn9FdIBDTBwr49ofxnAEWWqflstmCkPTCzIKInk6GnRkyzKpsyLZQhG1wRdtsSnVDihauZKWWQjYWMdQnsG1yiJIH8db1bxWaZjJCs8oGMwvwDt9gh5ifOx5049yk1KImyHjF0cRPIcZCf2VYdpEZHoHwIp0TG4LgJ56KUkiVBQp8aNx3XrI5cdlIQXTGLori51VvNDXzUQrRNusj8KVimKLV/UJMqQG4M9emc9n4wjjx2MeaIbOj+7Vg+JurX0qGbQDChKZkAAAAAElFTkSuQmCC") !important;
}
.ace_cursor {
    color: #c0caf5 !important;
    animation-timing-function: ease-in-out !important;
    animation-name: blink-ace-animate-smooth !important;
}
.ace_bracket {
    background-color: #42465d !important;
}
.ace_active-line {
    background-color: rgba(83, 86, 119, 0.1) !important;
}

.ace_gutter-active-line {
    background-color: rgba(83, 86, 119, 0.2) !important;
    color: #737aa2 !important;
}

.ace_selected-word {
    background-color: #2b3043 !important;
}

.ace_print-margin {
    background-color: #363B54 !important;
}

.o-cr-ace-editor-text--error {
    background-color: #4D2934 !important;
}

/* end editor stuff */

/* sidebar (left)*/

.o-cr-filespane__list {
    background-color: var(--base-bg-1);
}
.o-cr-filespane .o-cr-btn.u-cr-cs-bg--selected {
    background-color: var(--highlight-2);
    color: var(--text-1);
}
.o-cr-filespane .o-cr-btn {
    color: var(--blue-accent);
}

.o-cr-sidebar-toggler, .o-cr-resizer.vertical {
    background-color: var(--layer-bg-1);
    border-color: var(--highlight-2);
}
.o-cr-sidebar-toggler__btn {
    background-color: var(--highlight-1);
    border-color: var(--highlight-2);
    /* border-color: var(--blue-accent); */
    color: var(--blue-accent);
}

.o-cr-tabs__tab {
    background-color: var(--base-bg-2);
}
.o-cr-tabs__tab-panel, .o-cr-tabs__tab--selected {
    background-color: var(--base-bg-1);
}

.u-cr-margin-top--small {
    color: var(--blue-accent);
}
.o-cr-tabs .o-cr-icon-image {
    color: var(--blue-accent);
}

.o-cr-column--expand {
    background-color: var(--base-bg-2);
    border: var(--border-1);
    color: var(--text-1);
}
.o-cr-column--expand code, .o-cr-column--expand pre {
    background-color: var(--layer-bg-3);
    border: var(--border-1);
    color: var(--blue-dim);
}
.o-cr-column--expand table {
    color: var(--text-1);
}

.o-cr-codepane__header {
    background-color: var(--base-bg-1);
    border-color: var(--highlight-2);
}
.o-cr-codepane__header span {
    color: var(--text-1);
}

.u-cr-txt--submission-status {
    border-color: var(--highlight-2);
}

.o-cr-btn {
    color: var(--text-1) !important;
}
.o-cr-btn svg {
    color: var(--blue-dim);
}

.o-cr-btn--check-code {
    background-color: #66489d !important;
}
.o-cr-btn--run-code {
    background-color: #779b50;
}

.o-cr-btn--fullscreen {
    background-color: var(--highlight-2);
}

.o-cr-btn--hollow-primary {
    background-color: var(--highlight-2);
}

.o-cr-submission-status {
    border-color: var(--highlight-2);
}

.o-cr-submission-status.u-cr-cs-bg--alert-bg {
    background-color: #a95a68;
}
.o-cr-submission-status__icon.u-cr-cs-border--alert {
    border-color: #f7768e;
}

.o-cr-submission-status.u-cr-cs-bg--success-bg {
    background-color: #779b50;
}
.o-cr-submission-status__score.u-cr-cs-bg--success-base {
    background-color: #9ece6a;
    color: #3f532a;
}
.o-cr-submission-status__icon.u-cr-cs-border--success {
    border-color: #9ece6a;
}

.o-cr-callout {
    border-color: var(--highlight-2);
    background-color: var(--highlight-1);
    color: #f7768e;
}
.o-cr-callout__header {
    background-color: var(--highlight-2);
    color: var(--text-1);
    border-color: var(--highlight-1);
}


#icon-error {
    fill: #f7768e;
}


#coderunner .o-cr-modal {
    background-color: var(--highlight-1);
    color: var(--text-1);
}

#coderunner .o-cr-icon--close {
    color: #628B25;
}
.o-cr-tabs__tab-panel .u-cr-cs-bg--light.u-cr-block--bordered {
    background-color: var(--highlight-1);
    border-color: var(--highlight-2);
}
.u-cr-txt--grading-result {
    color: var(--text-1);
}
.o-cr-testcase {
    border-color: var(--highlight-2);
    border-radius: 3px;
}
.o-cr-testcase__header {
    border-radius: 3px;
}










}