新しいサポート・コミュ二ティの本文表示

　目が悪いせいでグレーの文字が見辛いのです。今回の改定前よりさらに見辛くなりました。

アクセスビリティで白黒反転させてもダメです。最近Appleはあちこちでグレーの文字を使いすぎますね。

私の希望では、文字は真っ黒にして欲しい。

確かに、とても読みにくくなりましたね。

以下は Firefox 用の CSS です。これをベースにしていろいろ弄ってみてはどうでしょうか？

保存場所は

~/Library/Application Support/Firefox/Profiles/xxxxxxxx.default/chrome/userContent.css

CSS はこんな感じ。(かなり適当です...)

/* Apple サポートコミュニティ */ @-moz-document url-prefix("https://discussionsjapan.apple.com") { body { font-family: "Lucida Grande" !important; } } @-moz-document url-prefix("https://discussionsjapan.apple.com/content"), url-prefix("https://discussionsjapan.apple.com/people") { .j-browse-details-tbody .j-td-title a, .j-browse-content-location { font-size: 14px !important; } .apple-card-limited-content-big { font-size: 16px !important; } .j-tabbar li a { font-size: 16px !important; } } @-moz-document url-prefix("https://discussionsjapan.apple.com/thread"), url-prefix("https://discussionsjapan.apple.com/message") { p, span { font-family: "Lucida Grande" !important; color: #000000 !important; } .meta-posted, .reply-date, .j-inresponse-to span { font-size: 16px !important; } .jive-rendered-content, .jive-rendered-content p, .jive-rendered-content p span { font-size: 16px !important; line-height: 1.5em !important; } }

これは Safari 用 (機能拡張 User CSS が必要) です。Firefox みたいに簡単にはできないので、3項目使います。

その1

Name: ASC - Global URLs: https://discussionsjapan.apple.com/* body { font-family: "Lucida Grande" !important; }

その2

Name: ASC - Contents URLs: https://discussionsjapan.apple.com/content* https://discussionsjapan.apple.com/people/* https://discussionsjapan.apple.com/people .j-browse-details-tbody .j-td-title a, .j-browse-content-location { font-size: 14px !important; } .apple-card-limited-content-big { font-size: 16px !important; } .j-tabbar li a { font-size: 16px !important; }

その3

Name: ASC - Thread URLs: https://discussionsjapan.apple.com/thread/* https://discussionsjapan.apple.com/message/* p, span { font-family: "Lucida Grande" !important; color: #000000 !important; } .meta-posted, .reply-date, .j-inresponse-to span { font-size: 16px !important; } .jive-rendered-content, .jive-rendered-content p, .jive-rendered-content p span { font-size: 16px !important; line-height: 1.5em !important; }

なお、機能拡張は以下のリンク先から入手できます。

User CSS

http://code.grid.in.th/

真っ白は、背景が黒っぽい場合に困るんですが。

平均輝度が下がるので、虹彩が広がり気味になる。

その結果、白地部分の網膜上での輝度が相対的に強くなりすぎる。

小さな画素に強い輝度があると、網膜を痛める。結果、疲れやすくなる。

虹彩（絞り）が広がると、眼の分解能が低下し、細かい文字を判読し難くなる。

本文の色がグレーなのは以前からもそうだったと思いますが、個人的にはフォントが細すぎるような気がします…。

ボールドに設定するとこんな感じです。（ボールドになっているのだろうか）（あれ？ボールドに設定したら黒く見える…）

フォントの大きさが下記のように小さくても見やすく感じます。

アクセスさきの設定が自分のマシンの中に保存されているんですか、知りませんでした。

ではなくて、ユーザ定義のスタイルシートです。詳細は以下のページを読んでください。

@document - CSS

https://developer.mozilla.org/ja/docs/Web/CSS/@document

ディレクトリ,chromeが見つかりませんでした。その上のディレクトリからuserContent.cssも探しましたが、無いようです。

ああ、済みません。最近の Firefox ではこのディレクトリは標準では作成されないのですね。気づきませんでした。ということで、なければ「chrome」フォルダを作り、そのなかに「userContent.css」を作成してください。

ちなみに、適用されるとこんな感じになります。

フォントが細いことが問題なようですね。cssで次の指定を追加しただけでずいぶん読みやすくなりました。

* {

font-family: HiraMaruProN-W4 !important;

}

追記です。

safariを使用しています。普段から

* {

font-family: HiraMaruProN-W4;

}

を使用していたので、今回は!important を追加しただけです。フォントサイズも大きくなったような？

もちろんこれではサイトによってはだいぶ不都合が出ることがあります。特定のサイトだけを対象にするのはどうやるんだろう？

サイトのcss を見て、該当するclassが判ればそれを指定すればよいと思うのですが、cssが大きすぎて探せなかった^_^;