Customise Safari’s RSS interface

Rob Griffiths
21 August, 2009
View more articles fromthe author
AAA
Help

If you read RSS feeds in Safari and find it hard to distinguish between unread and read articles—or if you have other gripes about Safari’s visual interface for RSS—it’s relatively simple to change that interface. All you need to do is create a CSS style sheet and tell Safari to use it.

For example, let’s say you want to highlight unread articles with an easy-to-spot green background. To do so, create a plain text file with the following text:

@media screen {    div.apple-rss-unread {       background-color: rgb(202, 255, 157) !important;    }}

Save that file somewhere convenient, giving it the file extention .css. Then, open Safari’s preferences panel, choose the Advanced tab, and use the Style Sheet pull-down menu to select the new file as your style sheet. After you restart Safari, you should see the new colours.

There’s a lot more you can do, using that style sheet. To find out what keys you can alter, look at Safari’s CSS file for RSS pages. That file is located at: System/Library/Frameworks/PubSub.framework/Versions/A/Resources/PubSubAgent.app/Contents/Resources/Main.css.

Browse Main.css to find the keys and syntax for modifiable page elements. You could edit that file directly, but it’s easier and safer to create a separate file and set it as your style sheet.

Thanks to Mac OS X Hints reader tedw for this tip.

Leave a Comment

Please keep your comments friendly on the topic.

Contact us