SyntaxHighlighterのテーマ変更 Ver 3.0

SyntaxHighlighterたくさん設定項目がありますね。 Ardor(@ArdorOnline)です。 今回は、SyntaxHighlighterのテーマについてご紹介します。

SyntaxHighlighterのテーマ

SyntaxHighlighterのテーマとは、主にCSSを変更することで切り替えることができます。 見た目をEmacsなどの表示に近い修飾が可能です。
SyntaxHighlighter Ver 3.0系で用意されているテーマは、次の通りです。

• Default
• Django
• Eclipse
• Emacs
• Fade To Grey
• Midnight
• RDark

では、一つずつご紹介します。

Default

CSSにshThemeDefault.cssを指定すると表示は、Defaultになります。

Django

CSSにshThemeDefault.cssを指定すると表示は、Djangoになります。

Ech2pse

CSSにshThemeEclipse.css"を指定すると表示は、Ech2pseになります。

Emacs

CSSにshThemeEmacs.cssを指定すると表示は、Emacsになります。

Fade To Grey

CSSにshThemeFadeToGrey.cssを指定すると表示は、Fade To Greyになります。

Midnight

CSSにshThemeMidnight.cssを指定すると表示は、Midnightになります。

RDark

CSSにshThemeRDark.cssを指定すると表示は、RDarkになります。

最後に

いかがでしたか？ 普段お使いのエディタに合わせてテーマを変更してみるのもいいかもしれませんね。

皆さんはどのエディタを使うことが多いのでしょうか？ 同じソースコードでもテーマが違うだけで、印象が全然変わってしまう気がします。

最後までお読み頂きありがとうございます。