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