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 { {

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/

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.

Shop ▾
arrow up Amazon Shop buttons are programmatically attached to all reviews, regardless of products' final review scores. Our parent company, IDG, receives advertisement revenue for shopping activity generated by the links. Because the buttons are attached programmatically, they should not be interpreted as editorial endorsements.

Subscribe to the Best of PCWorld Newsletter