Sunburst Geshi CSS pack

Posted 2 months ago in Everything else

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 pack available, 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;}

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>. Beside the tag style "<foo>" it is also possible to use "[foo]".

More information about formatting options