Changes twitter's new image-less background to a more palatable color
// ==UserScript==
// @name Twitter black background
// @namespace http://www.kennyzaron.com
// @description Changes twitter's new image-less background to a more palatable color
// @include https://twitter.com/*
// @grant none
// @version 1.3.08142015
// ==/UserScript==
function addGlobalStyle(css) {
var head, style;
head = document.getElementsByTagName('head')[0];
if (!head) { return; }
style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = css;
head.appendChild(style);
}
//makes background color dark grey
addGlobalStyle('html { background-color: #363636; }');
//adds light grey color style to various text items
addGlobalStyle('.ProfileHeaderCard-locationText, .ProfileHeaderCard-screenname, \
.ProfileHeaderCard, .AdaptiveSearchPage-moduleLink, \
.ProfileHeaderCard-joinDateText, .PhotoRail-headingWithCount { color: #EFEFEF !important; }');
//adds dark grey style to various text
addGlobalStyle('.AdaptiveSearchPage-moduleTitle { color: #66757F !important; }');
//makes various header text white to contrast against dark grey background
addGlobalStyle('.AdaptiveSearchTimeline-separationModule .AdaptiveSearchPage-moduleHeader .AdaptiveSearchPage-moduleTitle, \
.AdaptiveFiltersBar-label, .AdaptiveFiltersBar-target { color: #FFF !important; }');
//changes the background colors to white for various elements on search pages
addGlobalStyle('.TwitterCardsGrid, .AdaptiveRelatedSearches, .WhoToFollow, .Trends { background-color: #FFF !important; }');
//adds the rounded border for various elements on search pages
addGlobalStyle('.AdaptiveRelatedSearches, .WhoToFollow, .TrendsInner { border-radius: 6px; border: 1px solid #FFF; margin-bottom: 15px; }');
//adds the same background dark grey color to page-outer for scroll consistency
document.getElementById('page-outer').setAttribute("style", "background-color: #363636;");
//changes the border bottom color for selected filter style on search pages
addGlobalStyle('.is-selected { border-bottom-color: #FFF !important; }')