FirefoxのアドオンStylishでGyaoの背景色を黒くする

Gyaoで動画を観るとき背景が白く、明る過ぎてまぶしいので、FirefoxのアドオンStylishで背景を黒くした。

Stylishに下記スタイルを適当な名前で追加した。

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("gyao.yahoo.co.jp")
,domain("youtube.com") 
{

body {
    background-color:#000;
}
#playerModule {
    border: 1px solid #080808;
}
.wrapperText h1 {
    color:#BBB;
}
}

YouTubeの背景はそれ程まぶしいと感じたことは無かったが、一応YouTubeのドメインも加えた。
ずいぶんと目にやさしくなった。

Stylishは対象のドメインを指定してスタイルを変えられるので、なにかと重宝している。

ーー
（追記）
下記記事で紹介されているStylishのスタイル、Midnight Surfing - Global Dark Styleというのが、とてもきれいに表示ページの背景を黒くしてくれる。
Firefoxを徹底的に黒くするテーマ / Stylish / Vimperator – ぺけみさお

（本当はツールバーやサイドバーなどFirefox自体の見た目も黒くなるはずらしいが、Firefox自体までは黒くならない。最近のバージョンのFirefoxではFirefox自体のスタイルを変更するには「完全テーマ」で変更する必要があるようだ。）

ただ、導入するとすべてのページが黒くなってしまうので、Gyao、YouTube等のドメインだけを指定。
Midnight Surfingの書き出し部分

@namespace html url(http://www.w3.org/1999/xhtml);
@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* Browser Background */
browser[type="content-primary"] {background-color: #141414 !important;}

@-moz-document url-prefix(http://), url-prefix(https://), url-prefix(ftp://), url-prefix(file://) {

の箇所を下記に修正した。

@namespace html url(http://www.w3.org/1999/xhtml);
@-moz-document domain("gyao.yahoo.co.jp")
,domain("youtube.com")
,domain("nicovideo.jp")
,domain("video.fc2.com")
{

Gyaoの背景をまぶしく感じている人にはおすすめです。

というわけで、自分で書いたスタイルは必要なくなった。

（追記2）
Solarized Dark Everywhereというスタイルも黒板っぽい深緑色で落ち着く。
目が疲れた時のウェブ閲覧に良さそうだ。

表示

FirefoxのアドオンStylishでGyaoの背景色を黒くする

Comments