Skip to content

Instantly share code, notes, and snippets.

@Vinatorul
Created November 9, 2015 12:22
Show Gist options
  • Save Vinatorul/70479eb081cf8d19978f to your computer and use it in GitHub Desktop.
Save Vinatorul/70479eb081cf8d19978f to your computer and use it in GitHub Desktop.
Dark Twitter css+mozpreproc
@-moz-document url("https://twitter.com/"), url("https://twitter.com/i/notifications"), url-prefix("https://twitter.com/mentions"), url-prefix("https://twitter.com/i/moments"), url-prefix("https://twitter.com/settings") {
body{
background-color: #191919 !important;
}
a {
color: #E0D28F !important;
}
}
@-moz-document url-prefix("https://twitter.com/intent") {
#header {
background: none repeat scroll 0% 0% #262626;
border-bottom: 1px solid #050505;
}
#header .logo a {
border-bottom: 2px solid #262626;
}
#session a, #session input, #session button {
background: none repeat scroll 0% 0% rgba(0,0,0,0);
}
#session h2 img {
border: 1px solid #050505;
}
body.nofooter {
border-bottom: 1px solid #050505;
}
body {
background: none repeat scroll 0% 0% #262626;
}
#char-count {
border: 0px none !important;
background: none repeat scroll 0% 0% #262626 !important;
}
html {
background: none repeat scroll 0% 0% #191919;
}
.js #session .user-menu {
background: none repeat scroll 0% 0% #101010;
}
.user-menu .break-before {
border-top: 1px solid #050505;
}
input.textual, button.textual {
border: 0px none !important;
}
a {
color: #E0D28F !important;
}
.u-textUserColor {
color: #E0D28F !important;
}
}
@-moz-document url-prefix("http://twitter.com"), url-prefix("https://twitter.com"), url-prefix("https://tweetdeck.twitter.com/"), url-prefix("http://tweetdeck.twitter.com/") {
/* here you can change the loading thumb, the first one is of the nav bar, the second is of the footer */
.pushstate-spinner {
background-image: url("http://i570.photobucket.com/albums/ss143/stbinan/1665_zpsjgoesfr2.png") !important;
margin-bottom: 5px;
}
.spinner {
background: url("http://i570.photobucket.com/albums/ss143/stbinan/379_zpsbepu58zc.png") no-repeat !important;
margin-top: 6px;
}
.tweet-form .spinner {
background-image: url("http://i570.photobucket.com/albums/ss143/stbinan/329_zpslswkgcny.png") !important;
}
.siderail-container {
display: block;
}
.wrapper-permalink .siderail-related-tweets-container {
display: block;
}
.wtf-module.has-content {
display: block;
}
.WhoToFollow.is-visible {
display: block;
}
.DashboardProfileCard {
border: 1px solid #060606 !important;
background: none repeat scroll 0% 0% #262626 !important;
border-radius: 6px;
}
.Trends {
background-color: #262626 !important;
}
.module .flex-module, .dashboard .stats {
background-color: #262626 !important;
}
.tweet:hover {
background-color: #383838 !important;
}
.tweet {
background-color: #262626 !important;
}
.simple-tweet:hover {
background-color: #383838 !important;
}
body {
color: #B8B8B8 !important;
}
.permalink-tweet {
background-color: #262626 !important;
}
.GalleryTweet--new .simple-tweet {
background-color: #060606 !important;
}
.GalleryTweet--new .simple-tweet:hover {
background-color: #050505 !important;
}
.content-main .expansion-container .tweet.ancestor, .content-main .expansion-container .tweet.descendant, .content-main .expansion-container .view-more-container, .content-main .expansion-container .inline-reply-tweetbox {
background: none repeat scroll 0% 0% #262626 !important;
}
.new-tweets-bar {
background-color: #262626 !important;
border-top: 1px solid #000 !important;
border-bottom: 1px solid #000 !important;
}
.new-tweets-bar:hover {
background-color: #383838 !important;
}
.content-header .header-inner, .content-no-header .no-header-inner {
background-color: #262626 !important;
border-bottom: 1px solid #000!important;
}
.DMInboxItem-snippet {
font-size: 13px;
color: #B8B8B8;
}
.ProfileHeaderCard-locationText, .ProfileHeaderCard-joinDateText, .ProfileHeaderCard-birthdateText {
color: #B8B8B8;
}
.AdaptiveNewsLargeImageHeadline-body {
background-color: #262626;
border: 1px solid #050505;
}
.AdaptiveNewsLargeImageHeadline-image {
background-color: #262626;
}
.AdaptiveNewsLargeImageHeadline-title {
color: #B8B8B8;
}
.AdaptiveNewsLargeImageHeadline-description {
color: #B8B8B8;
}
.AdaptiveNewsHeadlineDetails-user, .AdaptiveNewsHeadlineDetails-user:focus, .AdaptiveNewsHeadlineDetails-user:hover {
color: #999;
}
.TwitterCard-container:hover {
background-color: #383838;
}
.TwitterCard .SummaryCard-image {
background-color: #262626;
}
.global-nav-inner {
background-color: #262626 !important;
border-bottom: 1px solid #000 !important;
}
.permalink-tweet:hover, .permalink-tweet.focus, .stream-item.open .original-tweet:hover, .stream-item.open .original-tweet.focus {
background-color: #383838 !important;
}
.module .list-link {
background-color: #262626;
border-top: 1px solid #000;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
.module .list-link:hover, .module .active .list-link {
background-color: #383838;
}
.module .list-link:hover {
background-color: #383838;
}
.follow-card .follow-bar {
background-color: #262626;
background-image: none !important;
border-top: 0px solid rgb(6, 6, 6)!important;
box-shadow: 0px 1px 0px rgb(6,6,6) inset !important;
}
.follow-card {
background-color: #262626;
}
#global-tweet-dialog .modal-tweet-form-container {
background-color: #262626 !important;
border-radius: 6px;
}
.AdaptiveNewsTextHeadline-body {
background-color: #262626;
border: 1px solid #050505;
}
.AdaptiveNewsTextHeadline-title:focus, .AdaptiveNewsTextHeadline-title:hover {
color: #7E8A95;
}
.AdaptiveNewsTextHeadline-title {
color: #B8B8B8;
}
.AdaptiveNewsTextHeadline-description {
color: #B8B8B8;
}
.MomentCapsuleList-featured .MomentCapsuleSummary {
border-top: 1px solid #050505;
}
.MomentCapsuleSummary {
background: none repeat scroll 0% 0% #262626;
border: 1px solid #050505;
}
.MomentCapsuleList-list .MomentCapsuleSummary:first-child {
border-top: 1px solid #050505;
}
.MomentCapsuleList-title {
background-color: #262626;
border-left: 1px solid #050505;
border-right: 1px solid #050505;
border-top: 1px solid #050505;
}
.EmojiBar-keyboardEntry {
background-color: rgba(0,0,0,0);
}
.EmojiBar-suggestions {
background-color: rgba(0,0,0,0);
}
.DMPopover-content.Caret:after {
border-color: #333;
}
.DMPopoverMenu {
background-color: #101010;
border: 1px solid #333;
color: #bbb;
}
.inline-reply-tweetbox {
background-color: #262626;
}
.inline-reply-tweetbox, .content-main .conversations-enabled .expansion-container .inline-reply-tweetbox, .content-main .expansion-container .inline-reply-tweetbox {
background-color: #262626;
border-top: none!important;
}
.tweet {
border-bottom: 1px solid #060606;
}
.opened-tweet .content .cards-media-container, .opened-tweet .content .expanded-content {
display: inline!important;
}
.wrapper.white {
background: rgba(36,36,36,0.75)!important;
}
.tweet-counter, .modal-header .modal-title, .dashboard .tweet-box-title h2 {
text-shadow: none!important;
}
.module {
text-shadow: none!important;
border: 1px solid #000!important;
}
.tweet-user {
background-color: rgb(36,36,36)!important;
}
.stats {
border-top: 1px solid #000!important;
border-bottom: 1px solid #000!important;
}
.profile-card .stats {
border-top: 0!important;
border-bottom: 0!important;
}
.profile-card.profile-header .profile-picture {
border: 4px solid #000!important;
background-color: #000!important;
}
.stats a strong, .modal-body p {
color: #BBB!important;
}
.btn, .primary-btn, .following.first-hover .follow-btn:hover, .following .follow-btn, .following .follow-button.cancel-hover-style:hover, .following .follow-button, .email-following .email-follow-button.cancel-hover-style:hover, .email-following .email-follow-button, .email-follow-enabled .email-follow-state-button, .button-group-item .content.selected {
color: #777!important;
text-shadow: none!important;
background-color: rgb(25,25,25)!important;
background-image: -moz-linear-gradient(rgb(36,36,36),rgb(26,26,26))!important;
background-image: linear-gradient(rgb(36,36,36),rgb(26,26,26))!important;
border-color: #000!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
outline: none!important;
}
.btn:hover, .primary-btn:hover, .following.first-hover .follow-btn:hover, .following .follow-btn:hover, .following .follow-button.cancel-hover-style:hover, .following .follow-button:hover, .email-following .email-follow-button.cancel-hover-style:hover, .email-following .email-follow-button:hover, .email-follow-enabled .email-follow-state-button:hover, .button-group-item .content.selected:hover, .btn:hover, .btn:focus, .photo-selector:not(.disabled):hover .btn {
color: #FFF!important;
background-color: rgb(45,45,45)!important;
background-image: -moz-linear-gradient(rgb(26,26,26),rgb(36,36,36))!important;
background-image: linear-gradient(rgb(26,26,26),rgb(36,36,36))!important;
}
input, textarea, div[contenteditable="true"], select {
background-color: rgb(16,16,16)!important;
color: #BBB!important;
border: 1px solid #000!important;
}
input:focus, textarea:focus, div[contenteditable="true"]:focus, div[contenteditable="true"].fake-focus {
box-shadow: none!important;
}
.topbar {
-webkit-box-shadow: none!important;
box-shadow: none!important;
border-bottom: 1px solid #000!important;
}
.global-nav {
border-bottom: 0px !important;
}
h1, h2, h3, h4, h5, h6, .fullname {
color: #BBB!important;
}
.profile-header .profile-card-inner h1, .profile-header .profile-card-inner h2, .profile-header .profile-card-inner p, .profile-header .profile-card-inner s, .profile-header .profile-card-inner a, .profile-header .profile-card-inner a b, .profile-header .profile-card-inner a:hover s, .profile-header .profile-card-inner a:hover b {
color: #fff!important;
}
.content-header, .content-no-header {
border: 1px solid #000!important;
border-bottom: none!important;
}
.stream-item {
background: rgb(16,16,16)!important;
}
.stream-item-activity-me {
border-bottom: 1px solid rgb(5,3,7)!important;
}
.stream-item-activity-me .latest-tweet {
border-bottom: 0px none!important;
}
.tweet-actions {
background-color: rgb(16,16,16)!important;
box-shadow: none!important;
padding: 2px 12px 1px 5px!important;
}
.vellip, .vellip:before, .vellip:after, .conversation-module > li:after, .conversation-module > li:before {
background-color: #999!important;
}
.modal-close {
border-left: 0px solid #000;
border-bottom: none;
border-radius: 0!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
.modal-close:hover {
border: 1px solid #000;
background: rgb(36,36,36)!important;
}
.modal-btn {
outline: none!important;
}
.module.profile-card.component.profile-header {
border:0!important;
}
.dropdown-menu {
background-color: rgb(16,16,16)!important;
border-color: #000!important;
border-style: solid!important;
border-width: 1px!important;
border-radius: 0!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
.dropdown-menu li>a:hover, .dropdown-menu li>a:focus, .dropdown-menu .dropdown-link:hover, .dropdown-menu .dropdown-link:focus, .dropdown-menu .typeahead-recent-search-item.selected, .dropdown-menu .typeahead-saved-search-item.selected, .dropdown-menu .selected a, .dropdown-menu .dropdown-link.selected {
background-color: rgb(36,36,36)!important;
background-image: -moz-linear-gradient(top,rgb(36,36,36) 0,rgb(36,36,36) 100%)!important;
color: #ccc;
}
.dropdown-caret .caret-inner {
border-bottom: 6px solid rgb(16,16,16)!important;
}
.dropdown-caret .caret-outer {
border-bottom: 7px solid #000!important;
}
.dropdown-divider {
border-bottom: 1px solid #000!important;
}
.content-inner {
background-color: rgb(36,36,36)!important;
border-left: 1px solid #000!important;
border-right: 1px solid #000!important;
border-bottom: 1px solid #000!important;
}
.conversation-collapse-btn {
background-color: rgb(16,16,16)!important;
border: 1px solid #000!important;
border-left: none!important;
border-radius: 0!important;
outline: none!important;
}
.conversation-collapse-btn:hover {
background-color: rgb(36,36,36)!important;
}
.profile-social-proof {
background-color: rgb(36,36,36)!important;
border-top: 1px solid #000!important;
}
.promptbird-below-black-bar, .promptbird-dashboard-narrow, .promptbird-wide-above-timeline {
border: 1px solid #000!important;
background-color: rgb(16,16,16)!important;
}
.content-main .conversations-enabled .expansion-container .inline-reply-tweetbox {
background-color: rgb(35, 35, 35)!important;
}
.modal-close {
border-left: 1px solid rgb(1, 1, 1)!important;
}
i, .icon {
background-image: url("https://lh4.googleusercontent.com/-WLjR8_SyrVg/Uu1PR_CDDxI/AAAAAAAAAl4/PSgwVIA1Kro/s0-I/twitter_icon.png")!important;
}
.stats a strong {
font-size: 10px!important;
}
.module .flex-module {
border: 0px solid rgb(5, 2, 7)!important;
}
.dashboard .stats {
border: 0px solid rgb(5, 2, 7)!important;
}
.stream-item, .stream-item.open, .unfocusable-stream-item {
border-color: rgb(5, 2, 7)!important;
}
.stream-end-item, .stream-end, .stream-loading, .stream-placeholder {
border-right: 1px solid rgb(5, 2, 7)!important;
border-left:1px solid rgb(5, 2, 7)!important;
border-bottom: 1px solid rgb(5, 2, 7)!important;
}
.message {
background: none repeat scroll 0% 0% rgba(16, 16, 16, 0.97)!important;
}
.message .message-text {
color: rgb(187, 187, 187)!important;
}
.user-dropdown {
padding: 0px 5px 0px 5px !important;
}
.module .list-link, .search-more-options .btn-link {
border-right: 0px solid rgb(6,6,6)!important;
border-width: 0px 0px 0px!important;
border-color: -moz-use-text-color rgb(6,6,6) rgb(6,6,6)!important;
}
.module li:first-child .list-link {
border-top: 0px solid rgb(6,6,6)!important;
}
.search {
background-color: rgba(36,36,36,0.75)!important;
text-shadow: none !important;
}
label {
color: rgb(235,235,235)!important;
}
.media-not-displayed {
background: none repeat scroll 0% 0% rgb(6,6,6)!important;
}
.stats a {
border-left: 0px solid #E8E8E8 !important;
}
.stream-item .stats .avatar-row a:first-child {
border-left: 1px solid rgb(5,3,7) !important;
padding-left: 5px !important;
}
.tweet .stats .avatar-row a {
padding: 13px 0px !important;
}
.content-main .expansion-container > li:last-child:first-child .tweet {
border-bottom: 0px solid #DDD !important;
}
.modal-footer {
text-align: right;
border-top: 1px solid #FEF6F8;
border-radius: 0px 0px 7px !important;
border-left: 1px solid #050307 !important;
border-right: 1px solid #050307 !important;
}
.GalleryTweet {
color: #BBB !important;
}
.GalleryTweet .pretty-link b, .GalleryTweet .pretty-link:hover s, .GalleryTweet .pretty-link:hover b, .GalleryTweet .pretty-link:focus s, .GalleryTweet .pretty-link:focus b, .GalleryTweet .tweet-actions > li b {
color: #AAA !important;
}
.tweet-form .thumbnail-container {
background-color: #060606 !important;
}
.dm-convo {
background-color: #101010 !important;
}
.dm-message {
background-color: #060606 !important;
border: 1px solid #555 !important;
box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.4) inset, 0px 0px 0px rgba(0, 0, 0, 0.05) !important;
}
.dm-caret-outer {
border-right: 5px solid #555 !important;
}
.dm-caret-inner {
border-right: 4px solid #555 !important;
}
.content-searchbar {
background-color: #242424 !important;
border-bottom: 1px solid #060606 !important;
}
.content-searchbar .search-query {
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.05) inset, 0px 0px 0px #FFF !important;
}
.stream-item-activity-network .stream-item-activity-header {
padding: 8px 8px 8px 12px;
margin: 0px 12px;
background-color: #060606 !important;
border-color: #060606 #060606 #060606 !important;
}
.stream-item-activity-network .supplement, .stream-item-activity-network .follow-more-than-two, .stream-item-activity-network .follow-exactly-two, .stream-item-activity-network .activity-secondary-supplement {
border-right: 1px solid #060606 !important;
border-width: 0px 1px 1px !important;
border-color: -moz-use-text-color #060606 #060606 !important;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.08) !important;
}
.stream-item-activity .account, .stream-item-activity .list {
border-bottom: 0px none !important;
}
.find-friends-sources {
background-color: #101010 !important;
padding: 0px 0px 12px;
}
.find-friends-top-subheader, .find-friends-bottom-subheader {
background-color: #060606 !important;
}
.find-friends-list li:hover {
background-color: #060606 !important;
}
.find-friends-list li {
border-bottom: 1px solid #060606 !important;
}
.find-friends-bottom-subheader {
border-top: 1px solid #060606 !important;
}
.find-friends-top-subheader, .find-friends-bottom-subheader {
background-color: #242424 !important;
}
.find-friends-list .source {
color: #BBB !important;
}
.find-friends-search form {
background-color: #242424 !important;
border-bottom: 1px solid #060606 !important;
}
.content-main .expansion-container > .original-tweet-container, .content-main .expansion-container > li .tweet, .content-main .expansion-container > li .inline-reply-tweetbox, .content-main .expansion-container > li + li:last-child .tweet.original-tweet, .content-main .stream-items > .stream-item:last-child .expansion-container > li .tweet, .content-main .stream-items > .stream-item:last-child .expansion-container > li .inline-reply-tweetbox, .content-main .stream-items > .stream-item:last-child .expansion-container > li .view-more-container {
border-bottom: 1px solid #060606;
}
.tweet-translation {
border-top: 1px solid #666 !important;
}
.typeahead .dropdown-inner > .has-results ~ .has-results, .typeahead .dropdown-inner > .has-items ~ .has-items {
border-top: 1px solid #666 !important;
}
.cards-base {
border-color: #060606 !important;
}
.stream-media-grid-items.media-grid {
background: none repeat scroll 0% 0% padding-box content-box #101010 !important;
border-left: 1px solid rgb(0, 0, 0) !important;
border-right: 1px solid rgb(0, 0, 0) !important;
}
.DashboardProfileCard-avatarLink {
background: none !important;
}
.DashboardProfileCard-avatarImage {
border: 1px solid #060606 !important
}
.DashboardProfileCard-bg {
border-bottom: 1px solid #060606 !important;
}
.DashboardProfileCard-tweetbox {
border: 1px solid #060606 !important;
}
.ProfileListItem {
border-bottom: 1px solid #060606 !important;
}
.DashboardProfileCard-statValue {
font-size: 12px !important;
}
.Gallery-content {
background-color: #101010 !important;
}
body.user-style-MeetAnimals {
background-color: #242424;
}
.top-timeline-tweetbox .timeline-tweet-box {
border: 1px solid #060606 !important;
}
/* TweetDeck */
.column-header, .column-header-temp {
color: #BBB !important;
background-color: #242424 !important;
border-bottom: 1px solid #060606 !important;
}
.with-column-divider-bottom {
border-bottom: 0px solid #060606 !important;
}
.column {
background-color: #242424 !important;
}
.app-content {
background-color: #1A1B1F !important;
}
.dropdown-menu [data-action] {
color: #BBB !important;
}
.compose {
background-color: #09181D !important;
color: #BBB !important;
}
.sprite {
background-image: url('https://tweetdeck.twitter.com/web/assets/global/backgrounds/[email protected]') !important;
}
.app-header {
background-color: #242424 !important;
}
.app-navigator {
background-color: #242424 !important;
}
.column-nav-item {
background-color: #242424 !important;
}
.list-item:hover, .list-item:active, .list-item.is-selected {
background-color: #101010 !important;
color: #BBB !important;
}
.popover {
background-color: #101010 !important;
}
.list-item {
color: #BBB !important;
}
.list-item-button {
color: #BBB !important;
background-color: #060606 !important;
}
.column-background-fill {
background-color: #060606 !important;
}
.app-title {
background-color: #101010 !important;
}
.column-options .button-tray {
background-color: #191919 !important;
}
.accordion-divider-t {
border-top: 1px solid #060606 !important;
}
.column-options {
background-color: #101010 !important;
}
.facet-type {
border-bottom: 1px solid #060606 !important;
}
.tweet-btn, .tweet-btn:active, .tweet-btn.active {
background-color: #09181D !important;
}
.is-options-open .column-settings-link {
background-color: #101010 !important;
border-color: #060606 #060606 -moz-use-text-color;
}
.mdl {
background-color: #101010 !important;
}
.mdl-content {
border: 1px solid #060606 !important;
background: none repeat scroll 0% 0% padding-box #242424 !important;
}
.mdl-col-settings {
background-color: #242424 !important;
}
.QuoteTweet {
border: 1px solid #666 !important;
}
.QuoteTweet .tweet-content, .QuoteTweet-text a, .QuoteTweet-text a:hover, .QuoteTweet-text a:focus, .QuoteTweet-text a:active, .QuoteTweet-text .pretty-link b, .QuoteTweet-text .pretty-link b:hover, .QuoteTweet-text .pretty-link b:focus, .QuoteTweet-text .pretty-link b:active, .QuoteTweet-text .pretty-link s {
color: #BBB !important;
}
/* New Page style */
.ProfileHeaderCard-bio {
color: #CCC !important;
}
.ProfileTweet-text {
color: #BBB !important;
}
.ProfileHeaderCard-locationText, .ProfileHeaderCard-joinDateText {
color: #CCC !important;
}
.StreamToggler {
border-bottom: 1px solid #060606 !important;
}
.ProfileTweet-fullname {
color: #BBB !important;
}
.StreamToggler-link.is-active, .StreamToggler-link.is-active:hover .StreamToggler-link.is-active:focus {
color: #CCC !important;
}
.permalink.has-replies .inline-reply-tweetbox, .permalink.stream-uncapped .replies-to li:last-child .tweet {
border-bottom: 1px solid #060606 !important;
}
.u-borderUserColorLight, .u-borderUserColorLightFocus:focus, .u-borderUserColorLightHover:hover, .u-borderUserColorLightHover:focus {
border-color: #060606 !important;
}
.ProfileNav-item.is-active .ProfileNav-value, .ProfileNav-item.is-active:hover .ProfileNav-value {
color: #BBB !important;
}
.ProfileClusterFollow {
border-top: 1px solid #060606 !important;
border-bottom: 1px solid #060606 !important;
background-color: rgba(36,36,36,0.0) !important;
}
.ProfileCard-userFields {
color: #BBB !important;
}
.GridTimeline-footer:before {
background: none repeat scroll 0% 0% #060606 !important;
}
.GridTimeline-footerIcon {
background-color: rgba(0,0,0,0) !important;
}
.ProfileHeading-toggleItem.is-active, .ProfileHeading-toggleItem.is-active:hover, .ProfileHeading-toggleItem.is-active:focus {
color: #BBB !important;
}
.TwitterPhoto-media {
background-color: #060606 !important;
border: 0px solid #060606 !important;
}
.ProfileListItem {
border-top: 0px solid #E1E8ED !important;
}
.stream-item-header .avatar, .permalink-header .avatar {
margin-left: -58px ;
}
.conversation-module .conversation-tweet-item .stream-item-header .avatar {
margin-left: -58px;
}
.wtf-module .import-prompt .cta {
border-bottom: 1px solid #060606 !important;
}
.style-element-7 {
color: #BBB !important;
}
.style-element-71 {
background: linear-gradient(0rad, #111, #222) repeat scroll 0% 0% transparent !important;
border-color: #666 !important;
}
.style-element-85 {
color: #BBB !important;
}
.dm-to {
background-color: #060606 !important;
border-bottom: 1px solid #060606 !important;
box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.5) inset !important;
}
.dm-thread:hover {
background-color: rgb(6,6,6)!important;
background-image: none !important;
}
.dm-thread {
background-color: rgb(16,16,16)!important;
border-bottom: 1px solid rgb(5,3,7)!important;
}
.dm-dialog .twttr-dialog-footer {
text-shadow: 0px 0px 0px #FFF !important;
box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.5) inset !important;
}
.twttr-dialog-footer {
background-color: rgb(6,6,6)!important;
border-top: 0px solid!important;
}
.dm-thread-snippet {
font-size: 14px !important;
color: #BBB !important;
}
.tweet .stats {
padding-left: 1px !important;
}
.dm-convo-placeholder {
background-color: #101010 !important;
}
.dm-dialog .twttr-dialog-header {
border-bottom: 0px solid #050307 !important;
}
.dm-dialog .twttr-dialog-body {
border-left: 1px solid #050307 !important;
border-right: 1px solid #050307 !important;
border-radius: 6px !important;
}
.user-select-controls {
border: 1px solid #777 !important;
background-color: #101010 !important;
}
.t1-label {
background-color: #242424 !important;
}
.t1-legend {
color: #CCC !important;
}
.dm-participant-container {
border-top: 0px solid #060606 !important;
}
.dm-participant-container .typeahead-item {
border-bottom: 1px solid #777 !important;
}
.user-select-controls input {
border: 0px none !important;
}
.ep-Section {
border-top: 1px solid #444;
}
.ep-AggregateMetric {
color: #e93 !important;
}
.DirectMessage--received .DirectMessage-text {
color: #aaa !important;
}
.TwitterCard {
color: #bbb;
}
.icon-btn {
background: none repeat scroll 0% 0% transparent !important;
border: 1px solid transparent !important;
}
.ProfilePopupContainer--bellbird .ProfileHeader .profile-header-inner {
border-bottom: 1px solid #060606 !important;
}
.recent-tweets .tweet {
border-top: 1px solid #060606 !important;
}
.SiderailRelatedTweets {
background-color: #060606 !important;
}
.SiderailRelatedTweets-header {
border-bottom: 1px solid #060606 !important;
}
.SiderailRelatedTweets-viewMore {
border-top: 1px solid #060606 !important;
}
.SiderailRelatedTweet-authorFullName {
color: #ccc;
}
.SiderailRelatedTweets-viewMore:hover {
background-color: #101010 !important;
}
.AdaptiveSearchPage {
background-color: rgba(16,16,16,0.95) !important;
}
.AdaptiveFiltersBar {
border-bottom: 0px solid #E1E8ED ;
}
.stream-item-activity-notification {
border-bottom: 1px solid #060606 !important;
}
.simple-tweet:hover, .recent-tweets .tweet:hover, .stream-item-activity .tweet:hover, .twttr-dialog-reply-footer:hover {
background-color: transparent !important;
}
.permalink {
background-color: #101010;
}
.ThreadedConversation, .ThreadedConversation-showMore, .ThreadedConversation-showMore:after, .ThreadedConversation + .ThreadedConversation--loneTweet, :not(.ThreadedConversation--ownReply) + .ThreadedConversation--ownReply, .ThreadedConversation--ownReply + .ThreadedConversation--loneTweet:not(.ThreadedConversation--ownReply), .ThreadedConversation--loneTweet:first-child {
border-top: 0px solid #E1E8ED;
}
.ThreadedConversation, .ThreadedConversation--loneTweet {
background-color: #060606;
}
.tweet-form .thumbnail-container {
box-shadow: 0px 1px 0px #666 inset;
}
.TwitterCard-container {
border-color: #666;
}
.QuoteTweet-fullname {
color: #BBB;
}
.ThreadedConversation, .ThreadedConversation-showMore:after, .ThreadedConversation-viewOther .view-other-link {
border-bottom: 1px solid #060606;
}
.stream-item.separated-module.before-expanded .original-tweet {
border-bottom: 1px solid #060606;
}
.InputToken {
background-color: #101010;
}
.DMTokenizedMultiselectSuggestion {
border-bottom: 1px solid #050505;
}
.u-borderUserColorLighter {
border-color: #050505 !important;
}
.DMComposer .tweet-content {
background-color: #101010;
}
.DMComposer {
box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.5) inset;
}
.hovercard.profile-card.profile-header .DashboardProfileCard-stats {
border-top: 1px solid #050505;
}
.QuoteTweet--unavailable {
background: none repeat scroll 0% 0% #060606;
}
.disabled, .disabled:hover, .disabled:focus, .disabled:active, input[disabled], .t1-select[disabled], textarea[disabled], input[readonly], .t1-select[readonly], textarea[readonly], div[contenteditable="false"], div[contenteditable="true"][readonly] {
background: none repeat scroll 0% 0% #242424;
border-color: #050505;
}
.fullname {
color: #B8B8B8 !important;
}
.stream-item:not(.no-header-background-module) {
background: none repeat scroll 0% 0% padding-box #262626 !important;
}
.ProfileSidebar .ProfileSignupCallOut, .ProfileSidebar .ProfileLifelineInfo, .ProfileSidebar .WhoToFollow, .ProfileSidebar .Trends {
background-color: #262626 !important;
border: 1px solid #060606 !important;
}
.ProfileCanopy-navBar {
background-color: #262626 !important;
border-bottom: 1px solid #060606 !important;
}
.ProfileTweet {
background-color: #262626 !important;
border: 1px solid #060606 !important;
}
.ProfileSidebar .Footer {
background-color: #262626 !important;
}
.Grid--withInnerPadding > .Grid-cell {
border-radius: 0px 0px 5px 5px !important;
background-color: rgba(36,36,36,0.75) !important;
}
.ProfilePage {
background-color: #191919 !important;
}
.ProfileNav-item--userActions {
background-color: #262626 !important;
}
.ProfileHeading-content {
background-color: #262626 !important;
border: 1px solid #060606 !important;
}
.ProfileCard {
background-color: #262626 !important;
border: 1px solid #060606 !important;
}
.ProfileCard-bio {
color: #B8B8B8;
}
.TwitterPhoto-media {
background-color: #262626 !important;
border-top: 1px solid #060606 !important;
border-bottom: 1px solid #060606 !important;
}
.DMInboxItem {
background-color: #262626;
}
.DMInboxItem.is-unread {
background-color: #101010;
}
.DMInboxItem:hover {
background-color: #383838 !important;
}
.DMInbox .DMInboxItem {
border-bottom: 1px solid #060606 !important;
}
.DMConversation-scrollContainer {
background-color: #101010 !important;
}
.DirectMessage--sent .DirectMessage-message{
background-color: #262626 !important;
border-color: #333 !important;
}
.DirectMessage--received .DirectMessage-message {
background-color: #262626 !important;
border-color: #333 !important;
}
.DirectMessage--sent .DirectMessage-text {
color: #B8B8B8 !important;
}
.DirectMessage--received .DirectMessage-text {
color: #B8B8B8 !important;
}
.DMActivity-container {
background-color: #101010;
}
.DMTokenizedMultiselectSuggestion.is-highlighted {
background-color: #262626;
}
.stream-end-inner {
background-color: #262626 !important;
}
.ThreadedConversation-showMore {
background: none repeat scroll 0% 0% #262626;
}
.ThreadedConversation-viewOther {
background: none repeat scroll 0% 0% #262626;
}
.DMActivity-header {
background-color: #262626;
border-bottom: 1px solid #333;
}
.home-tweet-box, .rosetta .dm-tweetbox, .rosetta .WebNotification-buffer--altColor, .content-main .conversations-enabled .expansion-container .inline-reply-tweetbox {
background-color: #262626 !important;
}
.dm-tweetbox {
border-top: 1px solid #050307 !important;
background-color: #262626 !important;
box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.5) inset !important;
}
.home-tweet-box, .dm-tweetbox, .RetweetDialog-commentBox, .WebToast-box--altColor, .content-main .conversations-enabled .expansion-container .inline-reply-tweetbox {
background-color: #262626;
}
.u-bgUserColorLightest {
background-color: #262626 !important;
}
.DMButtonBar {
background-color: #262626;
border-top: 1px solid #050505;
}
.DMTypeaheadHeader {
color: #B8B8B8;
background-color: #101010;
border-bottom: 1px solid #050505;
border-top: 1px solid #333 !important;
}
.modal-header {
background-color: #101010 !important;
border: 1px solid #000!important;
border-radius: 0!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
.activity-content .account, .modal-footer, hr, #profile_popup .go-to-profile {
background: #262626;
border-top: 1px solid #000!important;
}
.modal-content {
background-color: #262626 !important;
border-radius: 6px !important;
border-bottom: 1px solid #050307 !important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
.modal .modal-tweet .tweet {
background-color: #262626 !important;
border-bottom: 0px solid #060606 !important;
border-left: 0px solid #050307;
border-right: 0px solid #050307;
}
.modal .modal-tweet .tweet:hover {
background-color: #262626;
}
.modal .modal-tweet {
background-color: #262626 !important;
}
.AdaptiveNewsSmallImageHeadline-body {
background-color: #262626;
border: 1px solid #050505;
}
.AdaptiveNewsRelatedHeadlines-title {
color: #B8B8B8;
}
.AdaptiveNewsSmallImageHeadline-title:focus, .AdaptiveNewsSmallImageHeadline-title:hover {
color: #B8B8B8;
}
.AdaptiveNewsSmallImageHeadline-title {
color: #B8B8B8;
}
.AdaptiveNewsSmallImageHeadline-description {
color: #B8B8B8;
}
.AdaptiveNewsSmallImageHeadline-description:hover {
color: #B8B8B8;
}
.InputToken {
background-color: #383838;
border: 1px solid #333;
}
.empty-timeline-section, .empty-timeline-footer {
background-color: #262626;
}
.PromptbirdPrompt {
background: #262626;
}
.WebToast {
background: none repeat scroll 0% 0% #262626 !important;
border: 1px solid #050505 !important;
}
.WebToast-line {
border-top: 1px solid #050505;
}
.WebToast-accountLink {
color: #B8B8B8;
}
.WebToast-tweetExcerpt {
color: #B8B8B8;
}
.ProfilePrefilledTweet .tweet .tweet-text {
color: #B8B8B8;
}
.OldMedia-attributionName {
color: #B8B8B8;
}
.PromptbirdPrompt--inline, .PromptbirdPrompt--inlinePointer {
border: 1px solid #050505;
}
.tweet .account-in-timeline-blk {
border-top: 1px solid #050505;
}
.ProfilePrefilledTweet .tweet {
border: 1px solid #050505;
}
.content-header, .content-no-header {
border: 1px solid #050505 !important;
}
.global-dm-nav.new.with-count .dm-new .count-inner {
border: 2px solid #bbb;
}
.global-dm-nav.new.with-count .dm-new {
color: #ccc;
}
.DMDivider:before {
border-bottom: 1px solid #333;
}
.DMDivider {
background-color: #101010;
}
.AdaptiveNewsRelatedHeadlines-headline {
border-bottom: 1px solid #050505;
}
.DMConversation-composer {
border-top: 1px solid #060606;
box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.5) inset;
}
.DMComposer-container {
background-color: #242424;
}
.input-group-addon {
text-shadow: 0px 0px 0px #FFF;
border-color: #060606 !important;
}
.DirectMessage--received .Caret:before {
border-color: #333;
}
.DirectMessage--sent .Caret:before {
border-color: #333;
}
.TokenizedMultiselect-inputContainer {
border: 1px solid #333;
}
.TokenizedMultiselect-input {
border: 0px none !important;
}
.permalink.standard-tweets .ThreadedConversation .ThreadedConversation-tweet .stream-item .tweet, .ThreadedPermalinkOverlay .ThreadedConversation .ThreadedConversation-tweet .stream-item .tweet, .ThreadedPermalinkOverlay .ThreadedConversation .ThreadedConversation-tweet .stream-item.open {
border: 0px none !important;
}
.account, .tweet, .app {
border-bottom: 1px solid #050505;
}
.logged-out .permalink-replies {
border-top: 1px solid #050505;
}
.content-header, .content-no-header {
border: 1px solid #000 !important;
}
.TwitterCard .Button--smallGray {
background-image: linear-gradient(0rad, #1a1a1a, #242424);
border: 1px solid #050505;
}
.TwitterCard .Button--smallGray:hover:not([disabled]), .TwitterCard .Button--smallGray:focus:not([disabled]), .TwitterCard .Button--smallGray:active:not([disabled]) {
border: 1px solid #050505;
background-image: linear-gradient(0rad, #242424, #1a1a1a);
}
.TwitterCard a.u-buttonLabel, .TwitterCard a.u-buttonLabel:hover, .TwitterCard a.u-buttonLabel:focus, .TwitterCard a.u-buttonLabel:active {
color: #ccc;
}
.input-prepend .add-on, .input-append .add-on {
text-shadow: 0px 0px 0px #FFF;
background-color: #161616;
border: 1px solid #050505;
}
.DMActivity {
border: 0px solid #CCD6DD;
}
.EmojiBar-icon {
background-color: rgba(0,0,0,0);
}
.DMActivity-body {
background-color: #101010;
}
.PollXChoiceTextOnly-choice--chart{
background-color: #333 !important;
}
.TwitterCard [data-poll-vote-majority*="2"] .PollXChoiceTextOnly-optionContainer[data-poll-index="2"] .PollXChoiceTextOnly-choice--chart,
.TwitterCard [data-poll-vote-majority*="1"] .PollXChoiceTextOnly-optionContainer[data-poll-index="1"] .PollXChoiceTextOnly-choice--chart{
background-color: #333 !important;
}
.TwitterCard .PollXChoiceTextOnly-footer {
border-color: #666
}
.PollingCardComposer {
background-color: #101010;
box-shadow: inset 0 1px 0 #333;
}
.module .active .list-link, label {
color: #BBB;
}
.typeahead .selected a, .typeahead .selected strong, .typeahead .selected .fullname, .typeahead .selected .username, .typeahead .selected .typeahead-social-context, .typeahead .selected .Icon--close, .typeahead a:hover, .typeahead a:hover strong, .typeahead a:hover .fullname, .typeahead a:hover .username, .typeahead a:hover .typeahead-social-context {
color: #CCC;
}
.typeahead strong {
color: #CCC;
}
.TwitterCard .Button--smallGray {
color: #CCC;
}
a {
color: #E0D28F !important;
}
.u-textUserColor {
color: #E0D28F !important;
}
a s {
color: #E0D28F !important;
}
a b {
color: #E0D28F !important;
}
a, .btn-link {
color: #E0D28F !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment