/* ==UserStyle==
@name           converse.telepath.im
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A more modern amoled theme for Converse.js
@author         Me
==/UserStyle== */

@-moz-document domain("converse.telepath.im") {
    .conversejs .chatbox .bottom-panel .chat-message-form .chat-textarea {
        background-color: black;
    }
    
    .conversejs #controlbox .controlbox-pane:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
     background-color: black;
    }
    
    .conversejs .chatroom converse-chat-toolbar {
        background-color: black
    }
    
    converse-user-profile {
        background-color: black;
    }
    
    .conversejs .chatbox .chat-head .chatbox-title--row {
        background-color: black;
    }
    
    .conversejs .chatbox .chat-head .chatbox-title {
        background-color: black;
    }
    
    .conversejs .message.chat-msg {
        background-color: black;
    }
    
    .conversejs .chatbox .chat-content .chat-content__notifications {
        background-color: black;
        
    }
    
    .conversejs converse-muc.chatroom .chat-head-chatroom .chat-head__desc {
        background-color: black;
    }
    
    .conversejs converse-muc-occupants .occupants .items-list.occupant-list {
        background-color: black;
    }
    
    .conversejs converse-muc-occupants .occupants .occupants-header--title {
        background-color: black;
    }
    
    .conversejs .message.date-separator, .conversejs .message.separator {
        background-color: black;
    }
    
    .conversejs .message.date-separator .separator-text, .conversejs .message.separator .separator-text {
        background-color: black;
    }
    
    .conversejs #converse-modals .modal .modal-body {
        background-color: black;
    }
    
    .conversejs .modal-footer, converse-bg .modal-footer {
        background-color: black;
    }
    
    .conversejs form.converse-form input[type="text"] {
        background-color: black;
    }
    
    .conversejs .suggestion-box > input {
        background-color: black;
    }
    
    .conversejs .dropdown-menu.show, converse-bg .dropdown-menu.show {
        background-color: black;
    }
}