Twitter black background

Changes twitter's new image-less background to a more palatable color

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey, Greasemonkey किंवा Violentmonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

You will need to install an extension such as Tampermonkey to install this script.

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey किंवा Violentmonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल..

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल..

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्क्रिप्ट व्यवस्थापक एक्स्टेंशन इंस्टॉल करावे लागेल.

(माझ्याकडे आधीच युझर स्क्रिप्ट व्यवस्थापक आहे, मला इंस्टॉल करू द्या!)

Advertisement:

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

(माझ्याकडे आधीच युझर स्टाईल व्यवस्थापक आहे, मला इंस्टॉल करू द्या!)

Advertisement:

// ==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; }')