Safari 3.0 の feed の CSS

新しい MacBook シリーズがでましたね。実機を見ていないので結論を出せないが、デザイン的には格好いいと思う。それに価格も、特に MacBookはスペックを考えたら結構安いんじゃないかと思うがどうだろう?

ただ、新しい液晶パネルには懐疑的だ。たぶん現状の iMac のようにガラスでカバーされた物に近いのだろう。そうなると映り込みが気になる。実は Intel iMac を購入した時の第一印象で、映り込みは思ったほど気にならないと感じていたのだが、夜間で室内なら気になるレベルではなくても、たぶん季節によって窓から差し込む陽の光の角度とかが違ってくると、やはり映り込みが気になる。ただ、ノートだとディスプレイの位置を容易に動かせるので、気にすることではないのかもしれないが・・・。

それとこれは iMac の場合なのだが、ディスプレイが明るすぎる故なのか、場合によっては画面の色合いが判別し難い時がある。特に Safari の RSS フィードの未読と既読の色合いの違いが僕にはとても判別し辛い。発色は確かに綺麗だし、写真などはとても綺麗に表示するのだが、この RSS フィードの判別がし辛いのはちょっと戴けない。

そこで、例えば SafariStand の Site Alteration で任意のサイトに変更した CSS を適用するように、RSS フィードのページの CSS を変更できないだろうかとググってみた。そうすると Safari 2.0 に関しては hetima さんが【Safari 2.0 の feed のテーマを変更する方法】として記事を書いて下さっていたのだが、どうも Safari 3.0 ではディレクトリ内容も違うようなのだ。

どうしたものかと、特に根拠があった訳では無いが、 Safari の【開発】メニューから【Web インスペクタを表示】を選択し、サイドに表示される STYLESHEETS のタブをクリックしてみたら(【開発】メニューは環境設定の詳細タブにある【メニューバーに"開発"メニューを表示】にチェックマークを入れると表示される)、何やら CSS スタイルの表示が出てくるじゃないか(何度か CSS の記述が表示されないこともあった)。ひょっとしてこの Main.css というファイルを書き換えてやると、その CSS を適用してくれるのじゃないだろうか?

safari_debug001.jpg

ものは試しとこの Main.css ファイルを覗いてみることにした。一応ファイルパスも記載されてはいるがかなり長い。こんな時 Quicksilver をお使いなら、この Main.css を選択して コピーし、Quicksilver を起上げ、最初のパネルにペーストし、Reveal アクションを実行する。すると ファインダでこの Main.css ファイルを表示してくれる(下記画像参照)。

safari_debug002.jpg

あとは目的の CSS の記述を探して色目を変更するのだが、結論から行くと 557行目 に unread の background-color の記述があった。デフォルトでは rgb(240, 243, 252) となっていた。これを rgb(200, 200, 255) に変更。勿論この辺は好みだと思う。それと僕は CSS の変更に初めて CSSEdit というソフトを使ったのだが、使い方が全然解っていないくせに、何となくこれって結構便利そうな気がする。

ともかく、記載を変更して Safari を再起動。僕は念の為システムも再起動した。そんな必要はないのかな?すると下記画像の様に RSS feed の未読の色目が濃くなってくれた。

safari_debug003.jpg

これぐらいの濃さがあると十分に解る。 めでたし、めでたし。ただし僕は OSX のシステムについてはそれ程詳しくない。だからこの方法が良いものなのかどうかさえ判断できない。たぶん大丈夫だろうという自己の判断でやっている。そんな訳で、ひょっとすると色々と不都合が出るかもしれない。だから試される場合はあくまでも自己責任でお願いしたい。

トラックバック

このエントリーのトラックバックURL:
http://www.sumainobaiten.com/blog/mt-tb.cgi/747

コメント (2)

kzisdzl:

はじまして。
僕もRSSの未読の色が判別しづらかったので、記事を参考にCSSいじってみました。ついでにバナーの色とか変えてみたり。
おかげでとても見やすくなりました。ありがとうございます。


keizo:

>kzisdzlさんコメントありがとうございます。
そうですよね。やっぱり見難かったですよね。
これってCSSですから手軽に変更できそうですよね。

コメントを投稿

アーカイブ

最近のコメント

最近のトラックバック

Powered by
Movable Type 3.34