:root {
    --sky-highlight-color: #1d3a60;
    --sky-dark-blue: #1E1F22;
    --sky-red: #b4002e;
    --sky-background-color: #313338;
    --sky-dialog-background-color: var(--sky-background-color);    
    --sky-bubble-color: #2B2D31;
    --sky-my-bubble-color: #383A40;
    --sky-light-green: #68c9aa;
    --sky-quote-color: #1E1F22;
    --sky-message-selected-color: rgba(0, 78, 174, 0.4);
    --msg-form-input-background-color: #383A40;
    --msg-form-input-text-color: #FFFFFF;
    --box-saisie-replyto-background-color: #1E1F22;
    --box-saisie-replyto-text-color: #FFFFFF;
    --chat-area-border-color: rgba(255, 255, 255, 0.08);
    --msg-popover-border-color: rgba(255, 255, 255, 0.08);
    --user-menu-border-color: var(--sky-gray-light);
    --msg-popover-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
    --sky-choice-card-background-hover: rgba(255, 255, 255, 0.11);
    --sky-choice-card-background-active: rgba(255, 255, 255, 0.16);
    --profile-distance-slider-track-color: #7fd6ff;
    --profile-distance-slider-track-background: rgba(255, 255, 255, 0.16);
    --profile-distance-slider-thumb-border-color: rgba(0, 0, 0, 0.14);
    --profile-distance-slider-focus-ring: rgba(127, 214, 255, 0.28);
    --sky-modo-msg-control-color: #FFFFFF;
    --sky-modo-msg-control-opacity: 0.72;
    --sky-modo-msg-control-opacity-hover: 1;
    --list-text-color: #ffffff;
    --list-separator-color: rgba(255, 255, 255, 0.08);
    --ban-list-hover-bg: rgba(255, 255, 255, 0.08);
    --ban-list-selected-bg: rgba(255, 255, 255, 0.14);
    --conv-list-pending-color: #f1c84c;
    scrollbar-color: #4F545C transparent;
    color-scheme: dark;
}

img[src*="static2020/avatar_"], img[src*="images/avatar-default"] {
    filter: grayscale(100%);
}

.user-list-area {
    background-color: var(--sky-bubble-color);
}

.pm-voice-recorder-label {
    color: #FFFFFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.pm-message-audio audio {
    background: #383A40;
    border-color: rgba(255, 255, 255, 0.08);
}

/* Dark theme loading indicator */
.history-loading-indicator {
    background: linear-gradient(90deg, transparent, #ff6b9d, transparent);
    background-size: 200% 100%;
}

.btn_camera, .btn_microphone {
    color: white;
}

div.btn_gotobottom {
    background-color: #383a40;
    color: #cccccc;
}