Riot Theme

riot-style.css

/**
 * Use a browser extension like Stylish (Chrome) to apply the theme
 */

.mx_RoomSubList_label {
    background-color: #37474F;
    color: #FFF;
    border-top-color: #263238;
}
.mx_RoomTile_name {
    color: #BDBDBD;
}
.mx_RoomSubList_chevronDown {
    border-top-color: #FFF;
}
.mx_MatrixChat .mx_LeftPanel {
    background-color: #263238;
    color: #FFF;
}
.mx_RoomTile_selected {
    background-color: #42A5F5;
}
.mx_RoomTile_selected .mx_RoomTile_name {
    color: #FFF;
}
.mx_RoomDropTarget {
    border-color: #455A64;
    border-width: 2px;
    border-style: dotted;
    background-color: transparent;
    color: #E0E0E0;
}
.mx_RoomTile_unreadNotify .mx_RoomTile_badge,
.mx_RoomSubList_badge {
    background-color: #42A5F5;
    vertical-align: middle;
    line-height: 16px;
}
.mx_RoomTile.mx_RoomTile_noBadges .mx_RoomTile_badge.mx_RoomTile_badgeButton,
.mx_RoomTile.mx_RoomTile_notificationStateMenu.mx_RoomTile_noBadges .mx_RoomTile_badge {
    background-color: #37474F;
    transform: opacity 0.2s ease-in-out;
}
.mx_RoomSubList_chevronRight {
    border-left-color: #90A4AE;
}
.mx_RoomDropTarget_avatar {
    content: "+";
    background-color: transparent;
}
.mx_RightPanel_headerButton_badge {
    color: #42A5F5;
}
#icons_settings_room path:first-child {
    fill: #42A5F5;
}
#icons_settings_room path:last-child {
    stroke: #42A5F5;
}
#Oval-1-Copy-7,
#Oval {
    fill: none;
}
#path-1,
#Line,
#icons_people_svg,
#icons_notifications #Oval-49,
#Rectangle-20,
#Path-16 {
    stroke: #42A5F5;
}
#Path-Copy,
#icons_notifications #Rectangle-15,
#Fill-75 {
    fill: #42A5F5;
}
#Path-53-Copy {
    stroke: #FFF;
}
.mx_EventTile:hover.mx_EventTile_verified .mx_EventTile_line {
    border-left-color: #42A5F5;
}
a:hover,
a:link,
a:visited {
    color: #42A5F5;
}
::selection {
    background-color: #42A5F5;
}
::-webkit-input-placeholder,
.mx_MessageComposer_input textarea::-webkit-input-placeholder {
    color: #90CAF9;
}
::-moz-placeholder,
.mx_MessageComposer_input textarea::-moz-placeholder {
    color: #90CAF9;
}
:-ms-input-placeholder,
.mx_MessageComposer_input textarea:-ms-input-placeholder {
    color: #90CAF9;
}