2017-11-04

MozillaZine.jpをダークな色で表示する

体調が悪かった時に、明るい色調のテキストを見ると「目が眩しくて疲れました」。その時に、Firefoxの機能拡張;「Dark Background and Light Text」を利用すると、目が楽になりました。

そこで、Firefoxの機能拡張;「Stylish」を用いて、MozillaZine.jpの閲覧を「ダークな色で表示」しました。これは検索・閲覧をする時には威力を発揮しています。


最近、久々にMozillaZine.jpを覗いてみると、Firefox ver.56系→57系にすると、上の機能拡張が「旧式」となって動かなくなるようです。そこで現状を纏めておきます。



MozillaZine.jpのフォーラム・リスト


Figure 1.1 Forum list with normal color








Figure 1.2 Forum list with dark color


Firefoxフォーラムのトップ・トピック

Figure 2.1 Top topic at Firefox forum  with normal color

Figure 2.2 Top topic at Firefox forum  with dark color






Figure 2.3 Style, myMozzila for dark colo






Stylish: myMozilla


@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("mozillazine.jp") {
body {
color: #ccc !important;
background-color: #454 !important;
}


/* not yet visited: cold colors */
a:link{
color: #5de !important;
background-color: #047 !important;

/* visited: warm color:s */
a:visited{
color: #eae !important;
background-color: #606 !important;
}
/* hover */
a:hover{
color: #111 !important;
background-color: #2A3 !important;
}

/* 表のセル: td.row1,row 2 */
td.row1 {
background-color: #444 !important;
}
td.row2 {
background-color: #666 !important;
}


}

@-moz-document domain("forums.mozillazine.jp") { 

tr.row1 td b.postauthor{
color: #ddd!important;
background-color: #324 !important;           
}
tr.row1 {
color: #ddd;
background-color: #213 !important;           
}

tr.row2 td b.postauthor{
color: #ddd!important;
background-color: #324 !important;           
}
tr.row2 {
color: #fff!important;
background-color: #324 !important;           
}


td.profile {
color: #ddd;
background-color: #213 !important;     
}

div.postbody a.postlink {
padding-left: 2%;
padding-right: 2%;
}

div.quotecontent {
color: yellow;
background-color: #558 !important;
font-size: 90%;
line-height: 180% !important;
padding-left: 1%;
padding-right: 1%;
}

div.postbody {
color: #ddd;
background-color: #213 !important;
font-size: 190%;
line-height: 200% !important;
padding-left: 1%;
padding-right: 1%;
}

/* このトピックをウォッチする */
td.cat table tbody {
height: 28px;
margin: 0;
padding: 0;
border: 0;
background-color: #677 !important;
text-indent: 4px;
}

/* 期間内表示 */
table.tablebg tr td.cat form {
height: 26px;
background-color: #677 !important;`←
padding-top: 4px;
padding-bottom: 0px;
}

/* オンラインデータ */
table.tablebg tbody tr td.cat h4{
height: 22px;
background-color: #677 !important;
padding-top: 8px;
}


}




____

この記事の履歴

  1.  開始 2017-11-04 00:08





0 件のコメント:

コメントを投稿

注目の投稿

Terminalでの、なんちゃってViモドキ

近頃、ようやくKarabiner-Elementsに慣れてきたので、 Terminalで動作する「擬似Vi-Mode」を作って見たので、ご紹介します。 『概要』 「擬似Vi-Mode」の所以は、方向キー「←↓↑→」を通常の「hjkl」ではなくて「jkil」としました。これ...