Tune google-code-prettify for Blogger dark theme

Following up my post about using google-code-prettify to syntax highlight code on Blogger, I want to share what I did to tune it for a dark theme.

Big warning: I'm completely ignorant of any web development, html/css/js are kinda arab (no offense intended) for me, so I'm quite sure there are more elegant solutions to this, but at least it works, and seems to have broken nothing :)

So, the default CSS has some bad values for tokens colors, in particular for the keywords and tags (that are in dark blue) and for the plain text (that is in black, so completely hidden).

What I did was to simply override those values, using this table as reference; so now the code to add to Blogger "Minima Black" template (the one I'm using) is:

<link href='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css'
    rel='stylesheet' type='text/css'/>
<style type='text/css'>
.pln { color: #C0C0C0; }
.kwd { color: #4169E1; }
.tag { color: #4169E1; }
</style>
<script src='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js'
     type='text/javascript'>  </script>

Code syntax highlighting on Blogger

Blogger has no feature to highlight code syntax in blog posts. But google-code-prettify comes to rescue.

The information in their README are quite generic, and treat the situation where you're directly managing the website files, which is not the case for Blogger.

Luka Marinko wrote a very nice blog post describing how to use google-code-prettify on Blogger; I'm going to follow his advices right away!