giffgaff-dark-inject.js

/* This script adds a styling element to the giffgaff webpage. If you don't trust me, don't use it :P */
$('head').append('<style>body{background:#151515;color:#fff}a{color:#ddd}.FormControl.focus,.FormControl:focus{color:#eee}.App.hasPane .DiscussionListItem .DiscussionListItem-content.unread{background-color:#313131!important}.App.hasPane .DiscussionListItem .DiscussionListItem-content.read{background-color:#212121!important}.App.hasPane .DiscussionListItem .DiscussionListItem-content:focus,.App.hasPane .DiscussionListItem .DiscussionListItem-content:hover{background-color:#444!important}.App.hasPane .DiscussionListItem .DiscussionListItem-content.unread:focus .DiscussionListItem-info .item-tags .TagLabel,.App.hasPane .DiscussionListItem .DiscussionListItem-content.unread:hover .DiscussionListItem-info .item-tags .TagLabel{background-color:#000!important;color:#fff!important}.App.hasPane .DiscussionListItem .DiscussionListItem-content.unread:focus .DiscussionListItem-info .item-tags .TagLabel-text,.App.hasPane .DiscussionListItem .DiscussionListItem-content.unread:hover .DiscussionListItem-info .item-tags .TagLabel-text{color:#fff!important}.App-header .FormControl{color:#eee;background-color:#212121}.App-header .FormControl:focus{color:#eee;background-color:#313131}.Search-results .Dropdown-header{background-color:#212121!important;color:#aaa!important}.Search-results a.hasIcon{background:#151515}.Search-results a.hasIcon:hover{background:#313131}.Search-results .DiscussionSearchResult,.Search-results .SearchResult,.Search-results .UserSearchResult{background-color:#212121;color:#ccc}.Search-results .DiscussionSearchResult:hover,.Search-results .SearchResult:hover,.Search-results .UserSearchResult:hover{background-color:#313131;color:#fff}.Search-results .DiscussionSearchResult .username,.Search-results .SearchResult .username,.Search-results .UserSearchResult .username{color:#ccc}.Search-results .DiscussionSearchResult:hover .username,.Search-results .SearchResult:hover .username,.Search-results .UserSearchResult:hover .username{color:#fff}.Dropdown-menu>li.active>a,.Dropdown-menu>li.active>button,.Search-results .DiscussionSearchResult.active,.Search-results .SearchResult.active,.Search-results .UserSearchResult.active{background-color:#313131!important}.NotificationList{background-color:#212121}.NotificationList-header .Button,.NotificationList-header h4{color:#aaa}.NotificationGroup-header{color:#eee!important}.Notification.Notification--postReacted.unread{background-color:#313131}.NotificationGroup-content .Notification:hover{background-color:#444}.Notification-content{color:#ddd!important}.Notification-excerpt{color:#999!important}.Composer,.Composer.active{background-color:#212121f9;color:#fff}.Composer .Composer-controls{background-color:#313131!important}.Composer .ComposerBody-header h3{color:#ddd!important}.Composer .TextEditor textarea{color:#eee!important}.Composer .TextEditor-controls li:not(:first-child) .Button{background-color:unset!important}.Composer .TextEditor-controls .TextEditor-toolbar .Button:focus,.Composer .TextEditor-controls .TextEditor-toolbar .Button:hover,.Composer .TextEditor-controls li:nth-child(2) .Button:focus,.Composer .TextEditor-controls li:nth-child(2) .Button:hover{background-color:#444!important;border-radius:50%}.Composer .TextEditor-controls li:nth-child(3) .Button:focus,.Composer .TextEditor-controls li:nth-child(3) .Button:hover{background-color:#444!important}.Post,.PostStream-item{background:#212121!important}.Post .Post-body a{color:#bbb!important;border-color:#bbb}.Post .Post-body blockquote{color:#bbb!important;background-color:#313131!important;border-color:#3a3a3a!important}.Post .Post-body code{font-family:"Fira Code",Consolas,monospace;background-color:#313131;color:#eee!important}.MentionsDropdown .PostPreview,.Post-mentionedBy-preview .PostPreview,.PostMention-preview .PostPreview{color:#ddd}.PostPreview .username{color:#aaa!important}.Post header.Post-header .Avatar.PostUser-avatar{border-color:#555!important}.Post header.Post-header span.Avatar.PostUser-avatar:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0004;border-radius:50%}.Post .Post-header .UserCard .username{color:#eee!important}.Post header.Post-header .username{color:#bbb}.Post aside.Post-actions button,.PostStream-item .Post aside.Post-actions{color:#bbb}.PostStream-item .Post aside.Post-actions button:focus,.PostStream-item .Post aside.Post-actions button:hover{color:#eee}.Reactions .CommentPost--Reactions{background-color:#313131}.Reactions button.Button svg.button-react path,.Reactions button.Button svg.button-react polygon{fill:#eee}.Button{background:#313131;color:#eee}.Dropdown.SubscriptionMenu .Button.SubscriptionMenu-button--follow,.Dropdown.SubscriptionMenu-button.SubscriptionMenu-button--follow{background:#00538a60}button.Button--primary .Button-label:after,button.Button--primary .Button-label:before{filter:brightness(2.25)}.DiscussionPage .DiscussionPage-nav .item-controls .itemCount1 button.Button--primary{background-color:#212121!important}.DiscussionPage .DiscussionPage-nav .item-controls .itemCount1 button.Button--primary .Button-label{border-color:#212121;color:#000}.Button--flat{background:0 0}.Dropdown:not(.PostStreamScrubber) buttonbody{background:#151515;color:#fff}.Dropdown:not(.PostStreamScrubber) button.Dropdown-toggle{color:#eee}.Dropdown:not(.PostStreamScrubber) button.Dropdown-toggle:focus,.Dropdown:not(.PostStreamScrubber) button.Dropdown-toggle:hover,.Dropdown:not(.PostStreamScrubber) button.Dropdown-toggle[aria-expanded=true]{color:#fff;background:#313131}.Dropdown-menu{background-color:#212121;color:#eee!important}.Dropdown-menu>li>a,.Dropdown-menu>li>button,.Dropdown-menu>li>span{color:#bbb}.Dropdown-menu>li>a:focus,.Dropdown-menu>li>a:hover,.Dropdown:not(.PostStreamScrubber) .Dropdown-menu>li>button:focus,.Dropdown:not(.PostStreamScrubber) .Dropdown-menu>li>button:hover{background-color:#313131;color:#fff}.Scrubber a:focus,.Scrubber a:hover{color:#aaa}.PostStreamScrubber .Scrubber .Scrubber-after,.PostStreamScrubber .Scrubber .Scrubber-before,.PostStreamScrubber .Scrubber .Scrubber-handle{border-color:#aaa}.PostStreamScrubber .Scrubber .Scrubber-handle .Scrubber-bar{background-color:#aaa}.PostStreamScrubber .Scrubber .Scrubber-handle{background-color:#313131;color:#eee}.PostStreamScrubber .Scrubber .Scrubber-handle .Scrubber-description{color:#999}img.emoji{filter:brightness(.85)}#modal .Modal,.modal-open .Modal-body,.modal-open .Modal-header{color:#bbb;background-color:#151515!important}.FlagPostModal .checkbox strong{color:#fff}.Modal-body .FormControl{background-color:#212121;color:#eee}.Modal-body .FormControl:focus{background-color:#313131}.DiscussionListItem{background:#212121!important}.DiscussionListItem:focus,.DiscussionListItem:hover{background:#313131!important}.DiscussionListItem .DiscussionListItem-content *{color:#eee!important}.DiscussionListItem .DiscussionListItem-content.read *{color:#999!important}.DiscussionListItem .DiscussionListItem-content .item-excerpt{color:#ccc!important}.IndexPage-nav.sideNav .Dropdown-menu.dropdown-menu li *{color:#aaa!important}.IndexPage-nav.sideNav .Dropdown-menu.dropdown-menu li.active *{color:#ddd!important}.IndexPage-nav.sideNav .Dropdown-menu.dropdown-menu li:focus *,.IndexPage-nav.sideNav .Dropdown-menu.dropdown-menu li:hover *{background:#444}.IndexPage-nav.sideNav .Dropdown-menu.dropdown-menu li:focus *{background:#444}.UserPage .PostsUserPage .PostsUserPage-list>li{background-color:#212121}.sideNav .Dropdown--select .Dropdown-menu>li>a{color:#bbb}.sideNav .Dropdown--select .Dropdown-menu>li.active>a,.sideNav .Dropdown--select .Dropdown-menu>li:focus>a,.sideNav .Dropdown--select .Dropdown-menu>li:hover>a{color:#fff}</style>');

Rev 3

+ Added user profile support
+ Added inline code support
+ Add dark search results