Customize Safari's RSS Interface

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 colors.

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.

Subscribe to the Daily Downloads Newsletter

Comments