真っ白な背景はまぶしい
プログラマであれば、いつも使うエディタやIDEの背景色を暗めに設定している人は多い。
真っ白な背景色の画面を眺めているのはまぶしいし、
長時間の作業ともなれば目の疲れ、肩こりなどにつながってくる。
それゆえ最近だとPC用メガネなどを掛ける人も多い。
(ディスプレイの輝度MAXでPC用メガネを掛けている人と見るとツッコミを入れたくなる)
毎日Googleで検索するけど
しかし、毎日数十回と繰り返すGoogle検索、
あの検索結果ページは背景が真っ白だけど、そのまま閲覧している人って結構多いんじゃないか説。
目が、目がぁーーーーーーーーーーーーーーーーーー
やさし化
これならずっと見てても平気
GreaseMonkey
背景を緑色にする
// ==UserScript==
// @name googleBackgroundGreener
// @namespace google
// @description google検索の背景色を緑にする
// @include https://www.google.co.jp/search*
// @version 1
// @grant GM_getValue
// @grant GM_setValue
// ==/UserScript==
document.body.style.background='#1D3018';
document.body.style.color='#eeeeee';
document.getElementById('taw').style.display = 'none';
document.getElementById('resultStats').style.color = '#eeeeee';
document.getElementById('hdtbSum').style.background = '#1D3018';
document.getElementById('topabar').style.background = '#1D3018';
var elem = document.getElementsByClassName('sfbgg');
for (var i = 0; i < elem.length; i++) {
elem[i].style.background = '#1D3018';
};
var elem = document.getElementsByClassName('st');
for (var i = 0; i < elem.length; i++) {
elem[i].style.color = '#eeeeee';
};
var elem = document.getElementsByTagName('a');
for (var i = 0; i < elem.length; i++) {
elem[i].style.color = '#89C5EF';
};
var elem = document.getElementsByClassName('f');
for (var i = 0; i < elem.length; i++) {
elem[i].style.color = '#eeeeee';
};
var elem = document.querySelectorAll('.r a:visited');
for (var i = 0; i < elem.length; i++) {
console.log("here");
elem[i].style.color = '#eeeeee';
};
弱点
JavaScriptのセレクタでは、 :visited 擬似クラスでエレメントを取得できない。
(ユーザのプライバシー保護のため)
そのため、GreaseMonkeyにおいても、訪問済みリンクの色を変えることができない。
これは残念なところだが、目の疲れとどっちを取るかっていうところ。
個人的にはさほど不便はないので良しとする。
快適な検索ライフを!