Created
November 9, 2015 12:22
-
-
Save Vinatorul/70479eb081cf8d19978f to your computer and use it in GitHub Desktop.
Dark Twitter css+mozpreproc
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @-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