今日から新しいデザインになったようですが、本文の表示色(淡いグレイ)が見難いです。下図；
私の常用ブラウズは左の「Firefox」で暗いバックグラウンド設定で見ています。
他方、右は「Safari」で明るい暗いバックグラウンド設定で見ています。
いずれの場合もバックグランド色と本文文字とのコントラストが近すぎるように感じます。コントラストは好みによって設定範囲が広いとは思います。少なくとも数種類のレベルを設定できるようにならないでしょうか？
iPhone 6s Plus, OS X Yosemite (10.10.5), Mac mini(mid 2011), iMac(late 2009)
Hiro.Sさん、
ご提示のように、chrome/を作成し、userContent.cssを入れて、Firefoxを再スタートしましたが、効果がみられません。
NoSquintというaddonを載せているのが悪いのかもしれません。
品川地蔵 さん による書き込み:
特定のサイトだけを対象にするのはどうやるんだろう？
Safari の機能拡張「User CSS」を入れて、
https://discussionsjapan.apple.com/message/100951195#message100951195
↑こんな感じでできますよ。フォントの指定のみで良ければ他の部分を削って下さい。機能拡張の入手先はコメントの一番下に書いてあります。
フォントが細いことが問題なようですね。cssで次の指定を追加しただけでずいぶん読みやすくなりました。
* {
font-family: HiraMaruProN-W4 !important;
}
ありがとうございます。確かに読みやすくなりますね。CSS とか詳しくはないのですが、検索してみたらフォントの太さだけ変えることも可能なんですね。
* {
font-weight: normal !important;
}
mNeji さんによる書き込み:
NoSquintというaddonを載せているのが悪いのかもしれません。
NoSquint がどのようなものかを知りませんが、独自のスタイルシートを設定するものなら、一旦外してみては？
自己コメントです。
『「Web Developer」-> CSS 』を見ると、userContent.cssがありません、下図；
ふ〜む。
Hiro.Sさんによると:
NoSquint がどのようなものかを知りませんが、独自のスタイルシートを設定するものなら、一旦外してみては？
はい、無効化して再スタートしてみました。バックグランド色は暗くなく、通常の色です。そして、文字色は黒くなりました！！！
NoSquintを掛けた上で、文字色を白(FFFFFF)にトライします。
ありがとうございます。User CSSでこのサイトだけに適用できるようになりました。取りあえず下記の設定にしました。
https://discussionsjapan.apple.com/*
* {
font-family: HiraMaruProN-W4 !important;
font-size: 103% !important;
}
ところでsafariの解釈がおかしいのか、font-size: 103%を超えると急に大きくなり、110%なんて指定するととんでもなく大きくなってしまいますね。
品川地蔵 さんによる書き込み:
ところでsafariの解釈がおかしいのか、font-size: 103%を超えると急に大きくなり、110%なんて指定するととんでもなく大きくなってしまいますね。
本当ですね。多分サイト側の CSS のせいだとは思うのですが、もうこれ以上ページのソースを追いかける気力がありません (笑)。
Hiro.Sさん、
まだ完全に把握できていませんが、userContent.cssを設定してから、一度NoSquintを無効にしてからFirefox(Ff)を再スタートし、NoSquintを有効にしてFfを再スタートすると、濃紺のバックグランドに真白な文字で表示されます、図2。
スクリプトの部分ではバックグランド色が白っぽいので文字が見えなくなります。かろうじてハイライトすると空色のバックグランドに白い文字が浮かび上がります、図3。
一応、記事はみやすくなりましたが、コンテンツやフォーラムごとの見出しリストは薄い表示が多数残っていて、これを個別に修正する元気はありません。やはり本職による抜本的改修を待つしかなさそうです。
その上、従来あった；
がなくなっているのには驚愕します。
mNeji さんによる書き込み:
スクリプトの部分ではバックグランド色が白っぽいので文字が見えなくなります。かろうじてハイライトすると空色のバックグランドに白い文字が浮かび上がります、図3。
これでどうでしょうか？
変更前
.jive-rendered-content, .jive-rendered-content p, .jive-rendered-content p span { font-size: 16px !important; line-height: 1.5em !important; }
変更後
.jive-rendered-content, .jive-rendered-content p, .jive-rendered-content p span { font-size: 16px !important; line-height: 1.5em !important; } .jive-pre { color: #000000 !important; }
Hiro.Sさん、
お陰様で、スクリプトが黒い文字色で表示されるようになりました。ありがとうございました。
昨晩は混乱気味でした。いま見ていると、視認性の問題は概ね改善しました。イマイチ、今回のように自前で用意するuserContent.cssとNoSquitとの関係が判りませんが、userContent.cssでの修正作業中に段々と理解できると思っています。
なお、私はcssが不得意で、手の出し方が解らなくて困っていました。ご指導、感謝いたします。
Hiro.Sさん、
いよいよ未知のSafariに手を出します。”User CSS 1.3.2"は入手できたようです、下図4；
問題は、この「User CS」の動かし方が判りません。てっきりメニュー・バーの「Develop」ぐらいから入るのかと思ったのですが...。
ヒントを頂ければ幸いです。
確かに判り難いですね。アップされた画像に Enable contextual menu というのがありますが、これがヒントです。
つまりページの適当なところでコンテクストメニューを出すと、その中にあります。
品川地蔵さんによると:
ページの適当なところでコンテクストメニューを出すと、その中にあります。
あぁっ、了解しました、文化の違いですね。ありがとうございました。
新しいサポート・コミュ二ティの本文表示
