.app-container.dark {
    color-scheme: dark;
    background-color: #212121;
    color: #60A000;
}

/*html, body {
    background-color: #212121;
    color: #60A000;
}*/

.app-container.dark select,
.app-container.dark .select-resource.select-resource-name {
    background-color: #444;
}

.app-container.dark .panel-navbar {
    background-color: #151515;
    border-bottom-color: #777;
}

.app-container.dark .panel-sidebar {
    background-color: #212121;
    border-right-color: #333;
    box-shadow: 1px 1px 1px #333;
}

.app-container.dark .panel-playground {
    background-color: #3A3A3A;
}

.app-container.dark .resource-groups {
    color: #DDD;
}

.app-container.dark button.btn,
.app-container.dark .button.btn {
    border: 1px solid #151515;
    background: none;
    background-color: #505050;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2) inset, -1px -1px 1px rgba(0, 0, 0, 0.2) inset;
}
.app-container.dark button.btn:hover,
.app-container.dark .button.btn:hover {
    background: none;
    background-color: #666;
}
.app-container.dark button.btn:active,
.app-container.dark .button.btn:active {
    background: none;
    background-color: #333;
    box-shadow: none;
    outline-color: rgba(0, 0, 0, 0.1);
}

.app-container.dark .col-outer, .col-outer-block {
    box-shadow: 2px 2px 1px rgba(66, 66, 66, 0.5) inset, -2px -2px 1px #888 inset;
}
.app-container.dark .separator-l {
    border-left-color: rgba(0, 0, 0, 0.3);
    box-shadow: 1px 0 0 rgba(128, 128, 128, 0.6);
}
.app-container.dark .separator-r {
    border-right-color: rgba(0, 0, 0, 0.3);
    box-shadow: 1px 0 0 rgba(128, 128, 128, 0.6);
}

.app-container.dark .panel-navbar .navbar-menu > li:hover,
.app-container.dark .modal-container .panel-nav .nav-menu > li:hover {
    border-color: #777;
    border-right-color: #333;
    border-bottom-color: #333;
}
.app-container.dark .panel-navbar .navbar-menu > li:active,
.app-container.dark .panel-navbar .navbar-menu > li:focus,
.app-container.dark .modal-container .panel-nav .nav-menu > li:active,
.app-container.dark .modal-container .panel-nav .nav-menu > li:focus {
    border-color: #777;
    border-left-color: #333;
    border-top-color: #333;
}

.app-container.dark .flat-buttons .btn-flat {
    border-color: #999;
    background-color: #444;
}
.app-container.dark .flat-buttons-row:last-child .btn-flat {
    border-bottom-color: #999;
}
.app-container.dark .flat-buttons .btn-flat:not(.disabled):not(.active):hover {
    background-color: #666;
}
.app-container.dark .flat-buttons .btn-flat.active {
    background-color: #555;
}
.app-container.dark .flat-buttons.reverse .flat-buttons-row:first-child .btn-flat {
    border-bottom-color: #999;
}

.app-container.dark .btn-list:hover,
.app-container.dark .btn-panel:not(.disabled):hover {
    outline: 1px solid rgb(36, 56, 71);
    background-color: rgb(62, 96, 124);
}

.app-container.dark .event-list {
    background-color: #444;
    border-color: #888;
}
.app-container.dark .event-list .event-row {
    background-color: #444;
    color: #DDD;
}
.app-container.dark .event-list .event-row.selected {
    background-color: rgb(62, 96, 124);
    color: #DDD;
}
.app-container.dark .action-list {
    background-color: #444;
    border-color: #888;
}
.app-container.dark .action-list .action-row {
    background-color: #444;
    color: #DDD;
}
.app-container.dark .action-list .action-row.selected {
    background-color: rgb(62, 96, 124);
    color: #DDD;
}

.app-container.dark .action-icon-list {
    background-color: #444;
    border-left-color: #222;
}
.app-container.dark .action-icon-list .action-tabs {
    background-color: #444;
    border-color: #333;
    border-right-color: #222;
    border-bottom-color: #222;
}
.app-container.dark .action-icon-list .action-tabs .block-separator span {
    background-color: #444;
}
.app-container.dark .action-icon-list .action-tab-selector .action-tab-item {
    border-color: #777;
    border-right-color: #666;
    border-bottom-color: #666;
    background-color: #555;
}
.app-container.dark .action-icon-list .action-tab-selector .action-tab-item.selected {
    background-color: #444;
}

.app-container.dark .event-kind-list {
    background-color: #444;
    border-color: #777;
    box-shadow: rgba(0, 0, 0, 0.4);
}
.app-container.dark .event-kind-list .btn-list-option:hover {
    background-color: rgb(63, 87, 107);
}
.app-container.dark .event-kind-list .btn-list-separator {
    border-top-color: #888;
}
.app-container.dark .event-kind-list .btn-list-option.btn-list-option-list:after {
    border-right-color: #EEE;
    border-bottom-color: #EEE;
}

.app-container.dark .context-menu .item:not(.disabled):hover,
.app-container.dark .context-menu-style .item:not(.disabled):hover {
    background-color: rgb(63, 87, 107);
    color: #CCC;
}
.app-container.dark .context-menu .item:not(.disabled):hover .item:not(:hover),
.app-container.dark .context-menu-style .item:not(.disabled):hover .item:not(:hover) {
    color: #60A000;
}

.app-container.dark .panel-sidebar .resource-groups ul.outer-group li.expandable > .btn-toggle {
    background-image: url('../images/icon_sign_plus_dark.png');
}
.app-container.dark .panel-sidebar .resource-groups ul.outer-group li.expandable.open > .btn-toggle {
    background-image: url('../images/icon_sign_minus_dark.png');
}

.app-container.dark .panel-sidebar .resource-groups ul.outer-group li.inner-group span:after {
    background-image: url('../images/icon_folder_dark.png');
}

.app-container.dark .panel-sidebar .resource-groups ul.outer-group li.inner-group.expandable.open > span:after {
    background-image: url('../images/icon_folder_open_dark.png');
}

.app-container.dark .event-kind-list .icon-block.icon-group {
    background-image: url('../images/icon_folder_dark.png');
}

.app-container.dark .context-menu-style .item.item-okay:before { background-image: url('../images/okay_dark.png'); }

/*.app-container.dark .context-menu .item.item-okay:not(.disabled):hover:before,
.app-container.dark .context-menu-style .item.item-okay:not(.disabled):hover:before {
    background-image: url('../images/okay.png');
}*/

.app-container.dark .panel-sidebar .resource-groups ul.outer-group li.inner-group.default-resource:not(.expandable) > span:hover {
    color: #4676A2;
}
.app-container.dark .panel-sidebar .resource-groups ul.outer-group li.inner-group.default-resource:not(.expandable).selected > span {
    color: #000;
}
.app-container.dark .panel-sidebar .resource-groups.active ul.outer-group li.inner-group.default-resource:not(.expandable).selected > span {
    color: #FFF;
}

.app-container.dark .context-menu,
.app-container.dark .context-menu-style {
    background-color: #3A3A3A;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}

.app-container.dark .context-menu-style .item-list-option:after {
    border-right: 1px solid rgb(127, 127, 127);
    border-bottom: 1px solid rgb(127, 127, 127);
}
.app-container.dark .item-list-option.disabled:after {
    border-right: 1px solid rgb(80, 80, 80);
    border-bottom: 1px solid rgb(80, 80, 80);
}

.app-container.dark .logo {
    border-top-color: #333;
    background: #151515;
    background: -moz-linear-gradient(top, #151515 0%, #2A2A2A 100%);
    background: -webkit-linear-gradient(top, #151515 0%, #2A2A2A 100%);
    background: linear-gradient(to bottom, #151515 0%, #2A2A2A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#151515', endColorstr='#2A2A2A',GradientType=0);
    box-shadow: 2px 1px 1px #333;
}

.app-container.dark .modal-container {
    background-color: #2f3438;
    background: linear-gradient(to bottom, #666 0%, #555 100%);
    box-shadow: 1px 1px 0 #000 inset, -1px -1px 0 #2a2d2e inset, -2px -2px 0 #363a3b inset, -3px -3px 0 #303233 inset;
    border-color: #206000;
}
.app-container.dark .modal-container .modal-header .modal-title {
    color: #BBB;
}
.app-container.dark .modal-container.focus {
    background-color: #333;
    background: linear-gradient(to bottom, #5C5C5C 0%, #151515 10%,#151515 100%);
    box-shadow: 1px 1px 0 #000 inset, -1px -1px 1px #333 inset, -2px -2px 1px #333 inset, -3px -3px 1px #222 inset;
    border-color: #60A000;
}

.app-container.dark .modal-container .modal-header .modal-buttons .btn {
    border-color: rgba(0, 0, 0, 0.5);
    background: none;
    background-color: #555;
    color: #DDD;
    text-shadow: 1px 0 0 #000, 0 1px 0 #000, -1px 0 0 #000, 0 -1px 0 #000;
}
.app-container.dark .modal-container .modal-header .modal-buttons .btn:active {
    background: none;
    background-color: #333;
}
.app-container.dark .modal-container .modal-header .modal-buttons .btn.disabled {
    background: none;
    background-color: #bbb;
}
.app-container.dark .modal-container .modal-header .modal-buttons .btn-close {
    background: none;
    background-color: #555;
}
.app-container.dark .modal-container .modal-header .modal-buttons .btn-close:not(.disabled):active {
    background: none;
    background-color: #555;
}

.app-container.dark .modal-container.focus .modal-header .modal-buttons .btn:not(.disabled) {
    background: none;
    background-color: #323232;
    box-shadow: 1px 1px 0 #555 inset, -1px -1px 0 #444 inset;
}
.app-container.dark .modal-container.focus .modal-header .modal-buttons .btn:not(.disabled):hover {
    background: none;
    background-color: #444;
}
.app-container.dark .modal-container.focus .modal-header .modal-buttons .btn:not(.disabled):active {
    background-color: #333;
    background: linear-gradient(to bottom, #333 0%, #111 100%);
    box-shadow: 1px 1px 0 #444 inset, -1px -1px 0 #555 inset;
}
.app-container.dark .modal-container.focus .modal-header .modal-buttons .btn-close:not(.disabled) {
    background: none;
    background-color: #323232;
    box-shadow: 1px 1px 0 #555 inset, -1px -1px 0 #444 inset;
    color: #60A000;
}
.app-container.dark .modal-container.focus .modal-header .modal-buttons .btn-close:not(.disabled):hover {
    background: inherit;
    background-color: inherit;
}
.app-container.dark .modal-container.focus .modal-header .modal-buttons .btn-close:not(.disabled):active {
    background-color: #333;
    background: linear-gradient(to bottom, #333 0%, #111 100%);
    box-shadow: 1px 1px 0 #444 inset, -1px -1px 0 #555 inset;
}

.app-container.dark .modal-container.focus .modal-header .modal-title {
    color: #DDD;
}
.app-container.dark .modal-container .modal-body {
    background-color: #383838;
    border-color: #222;
    border-right-color: #111;
    border-bottom-color: #111;
    color: #CCC;
}

.app-container.dark .panel-sidebar .resource-groups ul.outer-group li.inner-group.selected > span {
    outline: 2px solid #AAA;
    background-color: #AAA;
    color: #000;
}
.app-container.dark .panel-sidebar .resource-groups.active ul.outer-group li.inner-group.selected > span {
    outline: 1px solid rgb(63, 87, 107);
    background-color: rgb(63, 87, 107);
    color: #fff;
}
.app-container.dark .panel-sidebar .resource-groups ul.outer-group li.inner-group.expandable.open ul li > span:hover {
    color: #4676a2;
}
.app-container.dark .panel-sidebar .resource-groups ul.outer-group li.inner-group.expandable.open ul li.selected > span {
    outline: 2px solid #AAA;
    background-color: #AAA;
    color: #000;
}
.app-container.dark .panel-sidebar .resource-groups.active ul.outer-group li.inner-group.expandable.open ul li.selected > span {
    outline: 1px solid rgb(63, 87, 107);
    background-color: rgb(63, 87, 107);
    color: #FFF;
}

.app-container.dark .modal-container .panel {
    background-color: #494949;
    border-bottom-color: #333;
}
.app-container.dark .modal-container .panel-nav {
    background-color: #666;
    border-bottom-color: #333;
}
.app-container.dark .modal-container .panel-nav .nav-menu > li:active,
.app-container.dark .modal-container .panel-nav .nav-menu > li:focus {
    border-color: #888;
    border-left-color: #555;
    border-top-color: #555;
}

.app-container.dark .room-tab-objects .preview-block {
    border-color: #BBB;
    background-color: #666;
}
.app-container.dark .modal-sprites-sprite-editor-content .preview-block {
    border-color: #BBB;
    background-color: #666;
}
.app-container.dark .modal-sprites-sprite-editor-content .preview-block canvas {
    background-color: #555;
}

.modal-sprites-sprite-editor-keyframes-container .subimage:hover {
    background-color: rgba(192, 220, 242, 0.15);
}
.modal-sprites-sprite-editor-keyframes-container .subimage.selected {
    background-color: rgba(192, 220, 242, 0.3);
}
.modal-sprites-sprite-editor-keyframes-container .subimage.selected:hover {
    border-color: rgba(110, 181, 236, 0.5);
}

.app-container.dark .preview-block img {
    background-image: url('../images/background_transparent_dark.png');
}
.app-container.dark .room-preview-container {
    background: url('../images/background_transparent_dark.png');
    border-color: #D7D7D7;
}

.app-container.dark .modal-container .image-effect-form .image-effect-preview-box {
    border-color: #777;
    background-color: #444;
}
.app-container.dark .modal-container .image-effect-form .image-effect-preview-box img,
.app-container.dark .modal-container .image-effect-form .image-effect-preview-box canvas {
    background-image: url('../images/background_transparent_dark.png');
}

.app-container.dark .code-editor {
    color: transparent;
    caret-color: #000;
    background-color: transparent;
    /*border-color: #888;*/
}
.app-container.dark .code-editor::selection {
    background-color: #5068A0;
    color: transparent;
}
.app-container.dark .code-editor-layout {
    color: #DDD;
    background-color: transparent;
}
.app-container.dark .code-editor-layout .value {
    color: #00F;
}
.app-container.dark .code-editor-layout .globals {
    color: #800000;
}
.app-container.dark .code-editor-layout .resource {
    color: #808000;
}
.app-container.dark .code-editor-layout .comment {
    color: #008000;
}
.app-container.dark .code-editor-layout .keyword {
    color: #000080;
}
.app-container.dark .code-editor-layout .selection {
    color: #FFF;
}
.app-container.dark .code-editor-current-row {
    background-color: #555;
}
.app-container.dark .code-editor-lines {
    background-color: #333;
    color: #999ACC;
    border-right-color: #6666AA;
}
.app-container.dark .code-editor-lines span.current-row {
    color: #6666AA;
}
.app-container.dark .asd123 {
    /**/color: #000080; /* keywords */
    /**/color: #00F; /* values szám-string */
    /**/color: #800000; /* constants global functions */
    /**/color: #800000; /* global variables */
    color: #800080; /* script names */
    /**/color: #808000; /* resource names */
    color: #FAFAE0; /* current line */
    /**/color: #5068A0; /* selection */
    color: #0FF; /* selected pair of brackets background */

    /* var self other noone all global if else break continue return with { } switch case default repeat do until while for and or -> keyword félkövér */
}
.app-container.dark .bg-white { background-color: #444; }

.app-container.dark .room-navigation {
    background-color: #555;
}

.app-container.dark .modal-container .modal-in-modal {
    background-color: #383838;
}

.app-container.dark .not-implemented,
.app-container.dark .not-implemented * {
    color: #C44 !important;
}/**/