Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to change octopress code block color to github like color?

Octopress (Dark)
a busy cat

Octopress (Light) a busy cat

Github
a busy cat

Octopress default color is not that nice, how to change the color for code block to Github-like?

like image 514
Js Lim Avatar asked Nov 28 '12 13:11

Js Lim


1 Answers

I had the same problem, but I wanted the Twilight color scheme in my posts.

You can use kramdown and CodeRay instead of rdiscount, which will let you choose the color associated with every code object in your snippets. I wrote a blog post about how to do it:

http://blog.alestanis.com/2013/02/04/octopress-and-the-twilight-color-scheme/

EDIT:

I found a GitHub theme for coderay here.

like image 164
alestanis Avatar answered Sep 30 '22 20:09

alestanis