Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
TweetDeck Dark Theme
@-moz-document domain("tweetdeck.twitter.com") {
html.dark {
color: #e1e8ed;
}
html.dark body:before {
background-image: radial-gradient(circle, #1c6399, #274256);
}
html.dark body,
html.dark .app-header,
html.dark .app-title,
html.dark .app-columns-container,
html.dark .app-content,
html.dark .app-navigator,
html.dark .column-nav-item {
background-color: #111;
}
html.dark .app-header {
border-right: solid 1px #111;
}
html.dark ::selection,
html.dark ::-moz-selection {
color: #111;
}
html.dark .scroll-alt::-webkit-scrollbar-track {
border-color: #eaeaea;
}
html.dark .is-inverted-dark .column-scroller::-webkit-scrollbar-thumb {
background-color: #ddd;
}
html.dark .is-loading {
background-color: #fff;
}
html.dark .color-twitter-blue,
html.dark a,
html.dark a:active,
html.dark a:focus,
html.dark a:hover,
html.dark .other-replies-link,
html.dark .other-replies-link:hover,
html.dark .link-hover-override:hover .link-hover-target,
html.dark .column-header.is-options-open .column-settings-link:hover {
color: #8bd;
}
html.dark .border-color-twitter-blue {
border-color: #4183C4;
}
html.dark .icon-follow-color,
html.dark .icon-unread-color,
html.dark .icon-twitter-blue-color {
color: #1da1f2
}
html.dark .icon-image-color,
html.dark .icon-list-color,
html.dark .icon-mention-color {
color: #657786
}
html.dark .column-panel {
background: #222426;
}
html.dark .column-header,
html.dark .column-header-temp {
background-color: #202020;
}
html.dark .column-header {
border-bottom: 1px solid #25292b;
}
html.dark .column-header.is-options-open .column-settings-link {
color: #8bd;
border-color: #222426;
}
html.dark .is-new .column-type-icon {
color: #55acee;
}
html.dark .column-header-link {
color: #66757f;
}
html.dark .column-options,
html.dark .column-options .button-tray,
html.dark .detail-view-inline {
background-color: #3d5466;
}
html.dark .stream-item {
border-bottom: 1px solid #292f33;
background-color: #202020;
}
html.dark .scroll-conversation,
html.dark .is-minimalist .tweet-img,
html.dark .is-selected-tweet,
html.dark .in-tweet-divider:before {
background: #292f33;
}
html.dark .quoted-tweet {
border-color: #292f33;
color: #999;
}
html.dark .prf-stats a,
html.dark .prf-stats a strong {
color: #b9cfe0;
}
html.dark .prf-stats a:hover,
html.dark .prf-stats a:hover strong {
color: #1c6399;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment