Skip to main content

Sunburst Geshi CSS pack

July 3, 2008

As some of you may or may not know, I'm completely redesigning my blog. Actually, this is the first time I've had time to design my blog in the first place. Anyhow, one of my major requirements for the new design is excellent code syntax highlighting support.

Since I'm finally eating my own dog food and switching to Drupal, I'm using the Geshi filter module for syntax highlighting support. The Geshi project is awesome, to say the least, and supports many different languages.

The default Geshi CSS, however, leaves a lot to be desired. I use TextMate for my editor, and am in love with my current theme pack, Sunburst, so it'd be great if I could match that. There is a TextMate Geshi CSS packavailable, but it doesn't include Sunburst, so I set out on my own to port the Sunburst theme to Geshi CSS.

Here are the styles:

li.li2 { font-style: italic;}
.kw1 {color: #E06645; }
.kw2 {color: #85D04B; }
.kw3 {color: #D9CF81;}
.co0 {color: #808080; font-style: italic;}
.co1 {color: #808080; font-style: italic;}
.co2 {color: #808080; font-style: italic;}
.coMULTI {color: #808080; font-style: italic;}
.es0 {color: #EEBE5B; }
.br0 {color: #FFF;}
.sy0 {color: #E06645;}
.st0 {color: #47B340;}
.nu0 {color: #cc66cc;}
.me1 {color: #0085CD;}
.me2 {color: #0085CD;}
.re0 {color: #8594A8;}
.re1 {color: #0085CD;}
.geshifilter-css .re1 {color: #A16D3A;}
.geshifilter-css .kw1 {color: #C7AE71;}
.geshifilter-css .re3, .geshifilter-css .nu0 {color: #ED7831 !important;}
.geshifilter-css .kw2, pre.geshifilter-css {color: #FBEF94;}
.geshifilter-html4strict .kw2, .geshifilter-html4strict .kw3, .geshifilter-html4strict .sy0 {color: #79BAFB;}
.geshifilter-html4strict .kw3 {color: #DAD081;}
.ln-xtra, li.ln-xtra, div.ln-xtra {color: #cc0; background-color: #ffc;}