Octopress Code Snippets Theming

| Comments

After a some comments from a buddy asking why I chose the dark theme in solarized, to which my answer was it was default. I decided to do a little customization. While solarized is a very nice theme and many enjoy it, its just a little to much ‘blue’ for me. I looked at the light theme and really wasn’t partial to it either.

In a perivous blog post I talk about my terminal setup and my use of Noah Fredrick’s Peppermint Theme. I find the dark background pleasing along with eye popping colors, so I decided to tweak the solarized theme by editing sass/custom/_colors.scss.

Taking the color pallet from a few projects I created what I think is a more pleasing color theme and one that better fits the overall theme of my blog. Below are some snippets for setting a new code snippets theme along with examples of what they look like.

Peppermint Theme

1
2
3
4
5
6
7
8
9
10
11
12
// Tomorrow Colors https://noahfrederick.com/log/lion-terminal-theme-peppermint/
// You must have $solarized: dark; set for this to work
$base03:          #181818;
$base02:          #282828;
$solar-yellow:    #FFDC72;
$solar-orange:    #F0B77D;
$solar-red:       #FF6685;
$solar-magenta:   #FE96FF;
$solar-violet:    #FF8FFF;
$solar-blue:      #5DC6F5;
$solar-cyan:      #86D1D7;
$solar-green:     #A6EBA6;

Tomorrow Theme

1
2
3
4
5
6
7
8
9
10
11
12
// Tomorrow Colors https://github.com/chriskempson/tomorrow-theme
// You must have $solarized: dark; set for this to work
//$base03:          #181818;
//$base02:          #282828;
//$solar-yellow:    #eab700;
//$solar-orange:    #f5871f;
//$solar-red:       #c82829;
//$solar-magenta:   #c828a9;
//$solar-violet:    #8959a8;
//$solar-blue:      #4271ae;
//$solar-cyan:      #3e999f;
//$solar-green:     #718c00;

Base16 Colors Theme

1
2
3
4
5
6
7
8
9
10
11
12
// Base16 Colors https://github.com/chriskempson/base16
// You must have $solarized: dark; set for this to work
$base03:          #181818; //darkest blue
//$base02:          #282828; //dark blue
//$solar-yellow:    #f7ca88;
//$solar-orange:    #dc9656;
//$solar-red:       #ab4642;
//$solar-magenta:   #a16946;
//$solar-violet:    #ba8baf;
//$solar-blue:      #7cafc2;
//$solar-cyan:      #86c1b9;
//$solar-green:     #a1b56c;

Comments