ChatangoDarkPM by crimsonkoba

/* ==UserStyle==
@name           ChatangoDarkPM
@namespace      github.com/openstyles/stylus
@version        1.1.0
@description    A chatango PM userstyle
@author         Luis V.
==/UserStyle== */
:root {
    --background: #151d24;
    --foreground: #eeeeee;
}
@-moz-document domain("chatango.com") {
    /* chatango.com */
    /* Remove ads */
    #ad,
    #ad_placeholder_td,
    #ad_wrapper {
        display: none;
        visibility: hidden;
    }

    body {
        background-color: var(--background);
        color: var(--foreground)
    }

    #SCROLL_CONTENT,
    #MAIN_CONTENT,
    #LOGO {
        display: none;
        visibility: hidden;
    }

    #HOME_FTR {
        background-color: var(--background);
        position: fixed;
        left: 0;
        bottom: 0;
    }

    /* Header bar */
    #HEADER {
        background-color: #222;
    }

    #PM.double_col #CHATS {
        width: 75%;
        min-width: 75%;
    }

    #PM.double_col #LISTS {
        width: 25%;
        min-width: 25%;
    }

    #full_height_td {
        height: 100%;
        width: 100%;
        vertical-align: top;
    }

    #bottom_table {
        display: none;
        visibility: hidden;
    }

    col[width] {
        width: 0;
    }

    #cpm,
    #PM {
        color: var(--foreground);
        background: var(--background);
    }

    .pm-user-list .user-profile {
        border-bottom: 0;
    }

    .def_webkit_scrollbars::-webkit-scrollbar {
        width: 0;
    }

    .pm-chat .user-profile {
        border-bottom: 0;
    }

    .pm-chat .input-field {
        border: 0.5px solid #999;
        height: 2em;
    }

    #OM .msg {
        font-size: 14px;
        background: #1e2a34;
        padding: 6px 2px 6px 2px;
        border: 0;
    }

    #OM .msg:nth-child(odd) {
        background: #151d24;
    }

    /*
     * Removes annoying font changes
     * Just comment this out if you for some reason want them...
     */
    #OM .msg p span,
    #OM .msg p {
        font-family: sans-serif;
    }

    #OM .msg .c_username {
        color: #fff;
        margin: 0 8px 8px 0;
        display: block;
        z-index: 20;
        pointer-events: none;
    }

    #OM .msg {
        position: relative;
    }

    /* Remove user backgrounds */
    #OM .msg .msg-bg {
        opacity: 0;
    }

    #OM .msg .msg-stripes {
        display: none;
    }

    #OM .msg .at-reply {
        color: #ccc;
        font-size: 12px;
        background: #47627a;
        padding: 2px 4px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
    }

    #OM .msg .msg-date {
        float: right;
        clear: none;
        color: #bbb;
    }

    #OM .msg .msg_badge {
        float: left;
        margin-right: 4px;
    }

    #OM .msg .at-quote {
        font-size: 12px;
        padding: 2px 4px 2px 4px;
        background: #5e9368;
        border: 0;
        color: #eee;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
    }

    #OM .msg .at-quote .at-reply {
        background: 0;
        color: #eee;
        padding: 0;
    }

    #OM .msg a {
        color: #ff9e5e;
    }

    .msg.ubdr {
        border: 0;
    }

    input,
    .std_input {
        color: var(--foreground);
        background-color: #023;
    }

    .sdlg-main-cbdr-cpbg {
        background-color: var(--background);
    }

    .sdlg-title-text,
    .profile_text {
        color: var(--foreground);
    }

    .goog-menu.goog-menu-vertical {
        color: var(--foreground);
        background-color: var(--background);
    }

    .ib-icon {
        filter: invert(1);
    }
}