If you use TextMate a lot, you’ve probably customized it to suit your habits and workflow. TextMate’s preview window is rarely customized as much as anything else, so here’s a good-looking, accessible and fluid theme that I use to pretty up the application.
This isn’t a bona fide TextMate theme in that it has no effect on the fonts & colors in your main editing window, but it styles the preview window in Markdown (or blogging) mode, as well as the subversion windows (click the thumbnails just above to see bigger pictures).
The “virtuoso” theme is modeled from this very site and handles tags like big, small, strong, emphasized, kbd, abbreviations and acronyms, code, insertions, deletions, quotations
, citations, superscript, subscript etc. Smashing, really. You can explore the elements and classes in style.css to get an idea of what’s possible, or just look at the styles used on this site.
But that’s enough talk, you have to see it for yourself to really appreciate it. Download the archive, then extract it to ~/Library/Application Support/TextMate/Themes/WebPreview/. You may need to restart TextMate, then you’ll see “virtuoso” among the list of themes in the Markdown preview or subversion window.

The added benefit of this (for me) is being able to preview what a blog post is going to look like, so I don’t have to mess with WordPress until I’ve got the entire post written.
Please feel free to heap praise upon or post constructive criticism on this. I value your comments.
Fixed compatibility with other themes. Improved overall appearance.
10 Comments so far
Leave a commentCool Stuff, I think you are one of the first to build your own theme for the web preview. (I take it most people are pretty happy with the builtin ones.)
Regards, Soryu.
professed by Soryu on July 4, 2007 12:36 am | Permalink
Hey TextMate’s got Subversion Built-In? That’s awesome, I won’t have to mess with command line anymore for my Rails projects… D’ya know where I can get info on how it works? (And IF it works as well as command line)
professed by Kenneth (SeoxyS) on July 4, 2007 1:25 am | Permalink
The Subversion bundle has most of the svn commands in it, like commit, diff, add, remove, etc. Pressing Ctrl-Shift-A shows you the most popular commands, but you can see the commands under the Subversion bundle’s menu.
recorded by Ankur on July 4, 2007 11:23 am | Permalink
Nice work!
All theme-specific CSS files are presently included in the HTML so to avoid clashes a theme-specific CSS file should target only elements in the «theme name» class. I.e. in your theme all selectors should be prefixed with
.virtuosoto avoid affecting other themes.reported by Allan Odgaard on July 16, 2007 8:38 am | Permalink
Thanks Allan, I’ll get right to it!
posted by Ankur on July 16, 2007 1:20 pm | Permalink
Wow, every week I’m learning something new about TextMate. I’ve been using it for a while and I’m impressed with its features. I had no idea about this theming feature.
divulged by Matt on July 19, 2007 4:00 am | Permalink
wow great theme. where did you get that wallpaper?
disclosed by juan on July 25, 2007 1:05 pm | Permalink
Thanks Juan. The wallpaper is a slightly modified image from the background of the Black Minimalism WordPress theme.
disclosed by Ankur on July 25, 2007 1:55 pm | Permalink
Done.
Also added styles for tables and improved others.
declared by Ankur on July 25, 2007 3:05 pm | Permalink
Leave a comment