☰

CH Google Color-Coded Results

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

  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.2c
  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. addGlobalStyle('div.mnr-c._yE { background-color: powderblue ! important; }');
  45.  
  46. // in-depth articles results
  47. addGlobalStyle('.r-search1, .r-search2, .r-search3 { background-color: powderblue ! important; }');
  48. addGlobalStyle('.r-search4, .r-search5, .r-search6 { background-color: powderblue ! important; }');
  49. addGlobalStyle('.r-search7, .r-search8, .r-search9 { background-color: powderblue ! important; }');
  50. addGlobalStyle('.r-search-1, .r-search-2, .r-search-3 { background-color: powderblue ! important; }');
  51. addGlobalStyle('.r-search-4, .r-search-5, .r-search-6 { background-color: powderblue ! important; }');
  52. addGlobalStyle('.r-search-7, .r-search-8, .r-search-9 { background-color: powderblue ! important; }');
  53.  
  54.  
  55. // image results
  56. addGlobalStyle('#imagebox_bigimages { background-color: thistle ! important; }');   // light purple
  57.  
  58.  
  59. // knowledge sidebar results
  60. addGlobalStyle('.kp-blk { background-color: #FF9966 ! important; }');   // light orange
  61.  
  62.  
  63. // related search results
  64. addGlobalStyle('#brs { background-color: moccasin ! important; }');   // light tan

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址