Element of Discord by nojhan

/* ==UserStyle==
@name           app.element.io
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Change the style of app.element.io so that it feels more like Discord.
@author         nojhan
==/UserStyle== */
@-moz-document url-prefix("https://app.element.io/?updated=1.11.91#/room/#bioinfo-bistro:matrix.org") {

    .mx_EventTile {
        color: #d0d3d6;
        border: thin solid #283034 !important;
        background-color: #303236;
        padding: 0em !important;
        ;
        margin: 0em;
        border-radius: 1em;
    }

    .mx_EventTile_lastInSection {
        margin-bottom: 1.2em !important;
    }

    .mx_EventTile[data-layout="group"]:hover .mx_EventTile_line,
    .mx_EventTile[data-layout="irc"]:hover .mx_EventTile_line {
        background-color: #2a2a2a;
    }

    .mx_RoomView_MessageList {
        /*background-color: #303135 !important;;*/
        background-color: #303236 !important;
        ;
    }

    .mx_LeftPanel {
        background-color: #2b2d31 !important;
    }

    .mx_SpacePanel {
        background-color: #1e1f22;
    }

    .mx_RoomTile {
        color: #8d949d;
    }

    .mx_RoomTile_titleHasUnreadEvents {
        color: white;
    }

    .mx_RoomTile_selected {
        background-color: #3f4248 !important;
    }

    .mx_EventTile[data-layout="group"] > .mx_DisambiguatedProfile {
        margin-left: 48px !important;
        ;
    }

    .mx_EventTile[data-layout="group"] .mx_EventTile_line,
    .mx_EventTile[data-layout="group"] .mx_EventTile_reply {
        padding-left: 48px;
    }

    .mx_TimelineSeparator > hr {
        border-bottom: 1px solid black !important;
    }

    .mx_DateSeparator_dateHeading {
        color: #8d949d;
    }
}