☰

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 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name        CH Google Color-Coded Results
  3. // @author      clickhappier
  4. // @namespace   clickhappier
  5. // @description Change background color of Google search ad areas and other special types of results. Google Instant should be disabled.
  6. // @version     1.1c
  7. // @include     http*://www.google.*/search?*
  8. // @grant       none
  9. // ==/UserScript==
  10.  
  11. function addGlobalStyle(css) {
  12.     var head, style;
  13.     head = document.getElementsByTagName('head')[0];
  14.     if (!head) { return; }
  15.     style = document.createElement('style');
  16.     style.type = 'text/css';
  17.     style.innerHTML = css;
  18.     head.appendChild(style);
  19. }
  20.  
  21. // top ads
  22. addGlobalStyle('#tads { background-color: darkgray ! important; }');
  23.  
  24. // right-side ads
  25. addGlobalStyle('#mbEnd { background-color: darkgray ! important; }');
  26.  
  27. // bottom ads
  28. addGlobalStyle('#tadsb { background-color: darkgray ! important; }');
  29.  
  30.  
  31. // top shopping results
  32. addGlobalStyle('.commercial-unit-desktop-top { background-color: lightgreen ! important; }');
  33.  
  34. // right-side shopping results
  35. addGlobalStyle('.commercial-unit-desktop-rhs { background-color: lightgreen ! important; }');
  36.  
  37.  
  38. // local business results
  39. addGlobalStyle('#lclbox { background-color: #DAFFC8 ! important; }');   // light lime green
  40.  
  41.  
  42. // news results
  43. addGlobalStyle('#newsbox { background-color: powderblue ! important; }');
  44.  
  45. // in-depth articles results
  46. addGlobalStyle('.r-search1 { background-color: powderblue ! important; }');
  47. addGlobalStyle('.r-search2 { background-color: powderblue ! important; }');
  48. addGlobalStyle('.r-search3 { background-color: powderblue ! important; }');
  49. addGlobalStyle('.r-search4 { background-color: powderblue ! important; }');
  50. addGlobalStyle('.r-search5 { background-color: powderblue ! important; }');
  51. addGlobalStyle('.r-search6 { background-color: powderblue ! important; }');
  52. addGlobalStyle('.r-search7 { background-color: powderblue ! important; }');
  53. addGlobalStyle('.r-search8 { background-color: powderblue ! important; }');
  54.  
  55.  
  56. // image results
  57. addGlobalStyle('#imagebox_bigimages { background-color: thistle ! important; }');   // light purple
  58.  
  59.  
  60. // knowledge sidebar results
  61. addGlobalStyle('.kp-blk { background-color: #FF9966 ! important; }');   // light orange
  62.  
  63.  
  64. // related search results
  65. addGlobalStyle('#brs { background-color: moccasin ! important; }');   // light tan