☰

CH Google Color-Coded Results

Change background color of Google search ad areas and other special types of results. Google Instant should be disabled.

当前为 2014-07-02 提交的版本，查看 最新版本。

// ==UserScript==
// @name        CH Google Color-Coded Results
// @author      clickhappier
// @namespace   clickhappier
// @description Change background color of Google search ad areas and other special types of results. Google Instant should be disabled.
// @version     1.1c
// @include     http*://www.google.*/search?*
// @grant       none
// ==/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);
}

// top ads
addGlobalStyle('#tads { background-color: darkgray ! important; }');

// right-side ads
addGlobalStyle('#mbEnd { background-color: darkgray ! important; }');

// bottom ads
addGlobalStyle('#tadsb { background-color: darkgray ! important; }');


// top shopping results
addGlobalStyle('.commercial-unit-desktop-top { background-color: lightgreen ! important; }');

// right-side shopping results
addGlobalStyle('.commercial-unit-desktop-rhs { background-color: lightgreen ! important; }');


// local business results
addGlobalStyle('#lclbox { background-color: #DAFFC8 ! important; }');   // light lime green


// news results
addGlobalStyle('#newsbox { background-color: powderblue ! important; }');

// in-depth articles results
addGlobalStyle('.r-search1 { background-color: powderblue ! important; }');
addGlobalStyle('.r-search2 { background-color: powderblue ! important; }');
addGlobalStyle('.r-search3 { background-color: powderblue ! important; }');
addGlobalStyle('.r-search4 { background-color: powderblue ! important; }');
addGlobalStyle('.r-search5 { background-color: powderblue ! important; }');
addGlobalStyle('.r-search6 { background-color: powderblue ! important; }');
addGlobalStyle('.r-search7 { background-color: powderblue ! important; }');
addGlobalStyle('.r-search8 { background-color: powderblue ! important; }');


// image results
addGlobalStyle('#imagebox_bigimages { background-color: thistle ! important; }');   // light purple


// knowledge sidebar results
addGlobalStyle('.kp-blk { background-color: #FF9966 ! important; }');   // light orange


// related search results
addGlobalStyle('#brs { background-color: moccasin ! important; }');   // light tan