@import 'morning.css';

:root {
    --body-bg-color: #000;
    --body-color-muted: #999;

    --border-color: #333;
    --window-bg-color: #000;
}

#sidebar .logo-container {
    display: none;
}

#sidebar .channel-list-item:not([data-type=lobby]) {
    color: var(--body-color-muted);
}

#sidebar .channel-list-item:not([data-type=lobby]):hover {
    color: var(--body-color);
}

#sidebar .channel-list-item.active {
    font-weight: bold;
    color: var(--body-color);
}

#sidebar {
    border-right: 1px solid var(--border-color);
}

#chat .msg[data-type="monospace_block"] .text {
    background-color: #000000;
}

#chat .msg[data-type=notice].highlight .content {
    color: #48A8FF;
}

#chat .msg.self .content {
    color: var(--body-color);
}

#chat .userlist .count {
    background: none;
}

#form {
    background: none;
    border-color: var(--border-color);
}

.input {
    background-color: #222;
    border-color: #444;
    color: #fff;
}

.input::placeholder {
    color: #555;
}

#footer button {
    color: var(--body-color-muted);
}

#footer button:hover,
#footer button.active {
    color: #fff;
    background: none;
}