body.dark-mode {
    background-color: #121212;
    color: #ffffff;
}

body.dark-mode .jsontree_bg {
    background-color: #121212;
}

body.dark-mode #header {
    background: #1e1e1e;
    box-shadow: rgba(255,255,255,0.2) 0 0 3px 2px;
}

body.dark-mode #logo a:link, body.dark-mode #logo a:visited {
    color: #42e842;
}

body.dark-mode #logo a:hover {
    color: #ffffff;
}

body.dark-mode .menu__item-name {
    color: #cccccc;
    text-shadow: none;
}

body.dark-mode .menu__item:hover {
    background: #333333;
}

body.dark-mode .menu__item-name:hover {
    color: #ffffff;
}

body.dark-mode .window {
    background: #1e1e1e;
    color: #ffffff;
    box-shadow: rgba(255,255,255,0.2) 0 0 2px 2px;
}

body.dark-mode .window__header {
    background: #333333;
    border-bottom: 1px solid #444444;
    color: #ffffff;
}

body.dark-mode .window__close-button {
    background: #444444;
    color: #cccccc;
}

body.dark-mode .window__close-button:hover {
    background: #42e842;
    color: #121212;
}

body.dark-mode .form textarea, body.dark-mode .form input[type=text] {
    background-color: #333333;
    color: #ffffff;
    border: 1px solid #555555;
}

body.dark-mode .form button {
    background: #555555;
    color: #ffffff;
}

body.dark-mode .form button:hover {
    background: #42e842;
    color: #121212;
}

body.dark-mode .code {
    background: #1e1e1e;
    color: #cccccc;
    border: 2px dashed #444444;
}

body.dark-mode #help .key {
    background: #333333;
    border: 1px solid #555555;
    color: #ffffff;
}

body.dark-mode ::selection {
    background: #333333;
    color: #ffffff;
}
body.dark-mode ::-moz-selection {
    background: #333333;
    color: #ffffff;
}

body.dark-mode .jsontree_label {
    color: #ffffff;
}

body.dark-mode .jsontree_value_string {
    color: #77dd77;
}

body.dark-mode .jsontree_value_number {
    color: #68a0ff;
}

body.dark-mode .jsontree_value_boolean {
    color: #ff8888;
}

body.dark-mode .jsontree_value_null {
    color: #aaaaaa;
}