Gitter design "mod"

[exec]

The following CSS code "fixes" the colorful sidebar in Gitter, turning the background dark-gray-blue, similar to Discord.

.panel-footer__item--all {
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #36393E 90%);
}

.room-menu__panel:before {
    background: #36393E;
}

To use this you need an extension for your browser to apply custom CSS code to websites. On Chrome I'm using Stylebot, but there should be several extensions for all major browsers to allow something like this.

[exec]

Updated for the new style currently available through Gitter Next:

.chat-header,
.header-brand-container, .org-page__header,
.room-menu-options__item--header-spacer {
    background: #36393E;
}

.header-brand-container:after,
.room-menu-options__item--header-spacer:after {
    background: #555;
    width: 1px;
}

.chat-header__group-avatar-upload-label,
.org-page__header-logo {
    padding: 0;
}

If you also want to get rid of the "NEXT" sign at the top, add this:

.staging-indicator {
    display: none;
}

 

[Cryptic]

Still way too white :<

[exec]

5 minutes ago, Cryptic said:

Still way too white :<

I thought so too at first, but it's kinda growing on me^^ I was too lazy to change the sidebar.