Skip to content

Instantly share code, notes, and snippets.

@akoutmos
Created February 6, 2019 17:14
Show Gist options
  • Save akoutmos/b369e85c969c0b4a0315aa069d6b07a1 to your computer and use it in GitHub Desktop.
Save akoutmos/b369e85c969c0b4a0315aa069d6b07a1 to your computer and use it in GitHub Desktop.
Fix Slack web client high contrast colors
/* Run the following in your developer console */
(function restyle_slack() {
let css_body = `
.p-channel_sidebar {
background-color: #222222 !important;
}
#team_menu {
background-color: #222222 !important;
border-bottom-color: #222222 !important;
}
.p-channel_sidebar__jumper {
background-color: #333333 !important;
}
.p-channel_sidebar__link:hover,
a.p-channel_sidebar__channel:hover {
background-color: #333333 !important;
}
`
let css = document.createElement('style')
css.type = 'text/css'
css.innerText = css_body
document.body.appendChild(css)
})()
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment