Bateworld Vidchat Darkmode [Stylus Extension]

    #tabs .nav-tabs { background-color: #222 !important; }
    #tabs .nav-tabs > li.active a { background-color: #222 !important; color: #fff !important; font-weight: bold; box-shadow: none; }

    /* header stuff */
    #header { background-color: #222 !important; border-bottom: 1px solid #333 !important; } /* background of various header elements */
    #header .myUsername { color: #fff !important } /* username */
    .userAvatar { background-color: #333; } /* outline behind the user avatar */
    #roomsBtn, .buttons-subnames  { color: #fff !important; }

    /* sort button stuff */
    .btn-default, #sortWebcamtBtn, #sortBtn { color: #fff; background-color: #333; border-color: #222; }
    .btn-default:hover, #sortWebcamtBtn:hover, #sortBtn:hover { color: #fff; background-color: #555; border-color: #222; }
    #usersContainer2 button.selected { color: #fff; background-color: #333; border-color: #fff; }

    /* room list stuff */
    .table > thead:first-child > tr:first-child > th { background-color: #333; }
    .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #333; }

    /* user list */
    #usersContainer { background-color: #222; color: #fff; } /* background of the whole thing, and also for some reason the Rooms tab */
    #usersContainer .nav-pills > li.active > a { background-color: #444; color: #fff; }
    #searchInput { color: #fff } /* search box text */
    .fa-video-camera { color: white; } /* color of the video camera button */
    #userList i.lock.fa-unlock { color: white; } /* color of the private camera icon */
    .webcamBtn { background-color: black !important; } /* background color of the video/lock icon container */
    .online-user-item { background-color: #333 !important; color: #fff !important; } /* brighten slightly every other user in the list */
    #userList .userItem { border-bottom: 1px solid #222; }
    #roomsContainer2, #usersContainer2, #friendsContainer2, .users-info, .online-user-item:nth-child(2n) { background-color: #222 !important; color: #fff !important; }

    /* messages */
    #tabs .tab-pane { background-color: #222 !important; }
    .slide_block { background-color: #333 !important; } /* that little arrow that hides the user list */
    .message { background-color: #222 !important; color: #fff !important; } /* an actual user message */
    .message:nth-of-type(2n) { background-color: #292929 !important; } /* slightly alternate backgrounds */
    .message .userItem { color: #fff !important; border-bottom:1px solid #fff;} /* names of chatters white and add underlines */
    div.message div.content, div.user div.content, div.addPrivateMessage { color: #fff !important; background-color: inherit !important; }

    .serverText, .serverMessage { background-color: #202020 !important; color: #fff !important; } /* server messages */
    .webcamRequested { border-bottom: none; }
    .webcamRequest, .privateRequest, .privateClosed { background-color: #202020 !important; color: #fff !important; } /* more server messages */

    /* chat box */
    .chat-input-icons .fa { color: white }
    .emojionearea, .emojionearea .emojionearea-editor { background-color: #222 !important; color: #fff; }

    /* video feeds */
    video { background-color: #222; }
    .jsPanel-theme-default { border: 1px solid #555; color: #fff; }
    .webcamContainer { border: 1px solid #222; }
    .jsPanel-theme-default > .jsPanel-hdr * { color: #fff; background-color: #222 !important; }

    #footer { background-color: #111 !important; }