body.dark-mode {
    background: #181a1b !important;
    color: #f1f1f1 !important;
}

body.dark-mode .chat-header,
body.dark-mode .chat-area,
body.dark-mode .messages-container,
body.dark-mode .chat-messages,
body.dark-mode #chat-messages {
    background: #23272a !important;
    color: #000 !important;
}



body.dark-mode input,
body.dark-mode textarea {
    background: #23272a !important;
    color: #f1f1f1 !important;
    border-color: #444 !important;
}



body.dark-mode .login-container,
body.dark-mode .login-center {
    background: #23272a;
    color: #f1f1f1;
}

body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
    background: #23272a;
    color: #f1f1f1;
    border-color: #444;
}

body.dark-mode .login-form button {
    background: linear-gradient(90deg, #222 0%, #444 100%);
    color: #fff;
}

body.dark-mode .header-online-timer,
body.dark-mode .header-current-time,
body.dark-mode #online-timer,
body.dark-mode #current-time {
    color: #fff !important;
}

body.dark-mode .message-form {
    background: #23272a !important;
    border-top: 1px solid #444 !important;
}

body.dark-mode .chat-container {
    background: #23272a !important;
}