Jump to content

Gitter design "mod"


exec
 Share

Recommended Posts

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.

comparision.png

  • Like 1
Link to comment
Share on other sites

  • 5 months later...

Updated for the new style currently available through Gitter Next:

ss+(2016-11-01+at+09.18.jpg

.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;
}

 

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
 Share

×
×
  • Create New...