.window.dark #main,
.window.dark #editor,
.window.dark #editor .ace_gutter-layer,
.window.dark .split {
    background-color: #282828;
}

.window.dark #toolbar {
    background-color: #131313;
    border-bottom: #131313;
}

.window.dark #main .sidebar,
.window.dark #main .sidebar .footer {
    background-color: #181818;
}

.window.dark h1.title {
    color: white;
}


.window.dark #main .sidebar .filename,
.window.dark #main .sidebar .footer .add-include-button,
.window.dark #main .sidebar .footer .new-include-form h5 {
    color: #888;
}

.window.dark #main .sidebar .nav-group-item.active {
    background: #1a292b;
}

.window.dark #main .sidebar .nav-group-item.active .filename {
    color: #CCC;
}

.window.dark #main .sidebar .nav-group-item.nav-tooltip {
    color: #7b7b7b;
}

.window.dark #toolbar .button:hover .icon {
    color: #999;
}

.window.dark #toolbar .button.selected .icon {
    color: #CCC;
}

/* e.g. filename input */
.window.dark #main .sidebar .footer input {
    background: #333;
    border: 1px solid #888;
    color: #888;
}

.window.dark #main .sidebar .footer .checkbox {
    color: #888;
}

.window.dark #toolbar div.issuesSummary .issueCount {
    color: #888;
}

.window.dark #main .sidebar .footer {
    border-top: 1px solid #282828;
}


.window.dark .ace_editor .ace_marker-layer .ace_selection {
    background-color: #444;
}

.window.dark .ace_editor .ace_marker-layer .ace_selected-word {
    background-color: #999;
    border-color: #dedede;
}

.window.dark #editor,
.window.dark #player,
.window.dark .ace_editor .ace_cursor {
    /*color: #f0f0f0; */
    color: #faf1c6;
}

.window.dark .ace_editor .ace_indent-guide {
    opacity: .1;
}

.window.dark .ace_editor .ace_marker-layer .ace_active-line {
    background-color: rgba(255, 255, 255, 0.05);
}

.window.dark #player hr {
    border-top-color: #444;
}

.window.dark #player p.choice a:hover {
    color: #999;
}


.window.dark #player .innerText p.customInstruction {
    border-top-color: rgb(179, 94, 94);
}

.window.dark #editor .ace-error {
    background: #580000
}

.window.dark #editor .ace_todo,
.window.dark #editor .ace-todo {
    background: #a97410;
    color: #000000;
}

.window.dark #editor .ace_warning,
.window.dark #editor .ace-warning {
    background: #0f3553;
}

.window.dark .ace_editor span.ace_flow.ace_declaration,
.window.dark .ace_editor span.ace_divert,
.window.dark .ace_editor span.ace_choice.ace_label,
.window.dark .ace_editor span.ace_gather.ace_label,
.window.dark .ace_editor span.ace_glue,
.window.dark .ace_editor span.ace_include,
.window.dark .ace_editor span.ace_external,
.window.dark .ace_editor span.ace_pragma {
    color:#6d9e8e;
}

.window.dark .ace_editor span.ace_choice.ace_bullets,
.window.dark .ace_editor span.ace_choice.ace_weaveBracket,
.window.dark .ace_editor span.ace_gather.ace_bullets {
    color: #ec3c2f;
}

.window.dark .ace_editor span.ace_var-decl,
.window.dark .ace_editor span.ace_list-decl {
    color: #ec3c2f;
}
.window.dark .ace_editor span.ace_logic:not(.ace_innerContent) {
    color:#8eb865;
}

.window.dark #main.hideTags .ace_editor span.ace_tag {
    color: #282828;
}


/* Custom instructions, e.g. >>> */
.window.dark .window.contrast .ace_editor span.ace_customInstruction {
    color: #c36f6f;
}

.window.dark ::-webkit-scrollbar {
    width: .75rem;
    background: #282828;
    border-left: 1px solid #323232;
  }
  
.window.dark ::-webkit-scrollbar-thumb {
    background: #323232;
}

.window.dark .sidebar .nav-wrapper {
    border-left: 1px solid #282828;
}

.window.dark .sidebar .nav-wrapper::-webkit-scrollbar-thumb {
    background: #323232;
}

/* Player tools: expression watch + variable inspector */
.window.dark #player .playerTools,
.window.dark #player .expressionWatch,
.window.dark #player .playerToolsTab.active,
.window.dark #player td.expressionInput,
.window.dark #player .inspectorTable,
.window.dark #player .inspectorTable thead,
.window.dark #player .inspectorTable tbody,
.window.dark #player .expressionWatch thead,
.window.dark #player .expressionWatch tbody {
    background: #282828;
}

.window.dark #player .playerToolsTabs,
.window.dark #player .inspectorToolbar,
.window.dark #player .expressionWatchToolbar,
.window.dark #player td.expressionLabel {
    background: #222;
}

.window.dark #player .playerTools,
.window.dark #player .playerToolsTabs,
.window.dark #player .playerToolsTab,
.window.dark #player .inspectorToolbar,
.window.dark #player .expressionWatchToolbar,
.window.dark #player .inspectorTable td,
.window.dark #player .expressionWatch td,
.window.dark #player td.expressionLabel {
    border-color: #444;
}

.window.dark #player .playerToolsTab {
    color: #888;
}

.window.dark #player .playerToolsTab:hover {
    color: #CCC;
    background: #323232;
}

.window.dark #player .playerToolsTab.active {
    color: #faf1c6;
}

.window.dark #player .inspectorLabel,
.window.dark #player .inspectorEmpty,
.window.dark #player .inspectorMuted,
.window.dark #player .inspectorNull,
.window.dark #player .inspectorSection h4,
.window.dark #player .inspectorNested .inspectorType,
.window.dark #player .expressionWatchEmpty,
.window.dark #player td.expressionLabel,
.window.dark #player td.expressionInput .removeButton {
    color: #888;
}

.window.dark #player .expressionWatchAdd {
    background: #181818;
    color: #faf1c6;
    border-color: #555;
}

.window.dark #player .expressionWatchAdd:hover {
    background: #2a2a2a;
    border-color: #777;
}

.window.dark #player .expressionEditor.ace_editor,
.window.dark #player .expressionEditor.ace-tm,
.window.dark #player .expressionEditor .ace_scroller,
.window.dark #player .expressionEditor .ace_content {
    background-color: #282828;
    color: #faf1c6;
}

.window.dark #player .expressionEditor .ace_cursor {
    color: #faf1c6;
}

.window.dark #player .inspectorKey {
    color: #AAA;
}

.window.dark #player .inspectorTable td,
.window.dark #player .inspectorBody code {
    color: #faf1c6;
}

.window.dark #player .inspectorRef {
    color: #6d9e8e;
}

.window.dark #player .inspectorVarSelect {
    background: #181818;
    color: #faf1c6;
    border: 1px solid #555;
}

.window.dark #player .playerToolsSplit {
    background: #444;
    border-top-color: #555;
    border-bottom-color: #333;
}

.window.dark #player .playerToolsClose {
    color: #888;
}

.window.dark #player .playerToolsClose:hover {
    color: #CCC;
    background: #323232;
}

.window.dark #player .playerToolsReopen {
    background: #222;
    color: #AAA;
    border-top-color: #555;
}

.window.dark #player .playerToolsReopen:hover {
    background: #2a2a2a;
    color: #faf1c6;
}

.window.dark #editor .ace-breakpoint-paused-line {
    background: rgba(220, 80, 80, 0.25);
}

.window.dark #player .breakpointPaused {
    background: #3a2222;
    border-left-color: #e66;
    color: #eee;
}

.window.dark #player .breakpointPaused .breakpointContinue {
    color: #9cf;
}
