シンタックスハイライト用CSSの書き換え

突然ですが、はてなブログにはシンタックス・ハイライトなる
コードやCUIの実行結果を自動的に見やすく色づけ
してくれる機能があります。

動作のための条件は以下2つ。
1.はてな記法モードを使用している事
2.該当部分のコードをはてな記法のタグで囲むこと

で、上記で入力した文字がハイライトされるようになるのですが
白背景でいまいち見やすくありません。

で、色々調べていると、CSSを書き換えるとかなり
見やすくなるとのこと。


■作業手順
1.はてなブログのダッシュボードを開く
2.左のバー内の「デザイン」をクリック
3.画面左上のスパナのマークをクリック
4.「デザインCSS」をクリック
5.出てきた入力欄に以下の呪文を貼り付け

/* SUPER PRE SYNTAX HIGHLIGHT */

.entry-content pre.code {
    background-color: #073642;
    color: #93a1a1;
}
.synSpecial { color: #dc322f }
.synType { color: #b58900 }
.synComment { color: #657b83}
.synPreProc { color: #cb4b16 }
.synIdentifier { color: #268bd2 }
.synConstant { color: #2aa198 }
.synStatement { color: #859900 }

以下の記事がとても参考になりました!ありがとうございます。