Octopress Customize Part 2

Octopress カスタマイズ内容覚書 part2

2回目は色の変更。

テーマカラーの変更

標準で提供されているテーマにはsassが使われていて、適宜修正出来るようになっている。
色の変更だけなら /sass/custom/_color.scss を修正するだけ。 修正内容は以下のようにしてみた。まぁセンスはありません。

``` sass _color.scss $header-bg: #048; $title-color: #eee; $subtitle-color: #ccc; $nav-bg: desaturate(lighten(#ccc, 18), 5); $page-bg: #136;

$sidebar-bg: desaturate(#ececfe, 8); $sidebar-link-color: saturate(#526f9a, 10); $sidebar-link-color-hover: darken(#7ab662, 9);

$solarized: light; ```

最後の $solarized: light; のところは、code highlight sytax のテーマカラーの変更。まだlightかそうでないかの指定しか無いようだ。指定しない場合はdark blueを基調としたモノ（デフォルト）そして、_color.scss に $base?? の色を設定することで自由に変更も可能。

2012-03-13 11:16 update
ヘッダー部分と背景の色を変更した。

2012-03-14 03:01 update
後段の色指定の部分についての間違い修正と加筆。