スーパーpre記法の背景をカスタマイズ

スーパーpre記法は便利なんだけど、暗い背景のテーマを使用していると見づらくなってしまう。

そこで、スタイルシートをカスタマイズしようとしたんだけど、一筋縄ではいかなかったので、事の顛末を備忘録として保存しておく。

• このブログのテーマ
  • Hatena2-black
• 方法
  • 「管理 > デザイン > 詳細」→「スタイルシート」に以下のスタイルシートを記述。

/* スーパーpre記法の背景をカスタマイズ */
.syntax-highlight {
  color            : #000000 ! important;
  background-color : #FFFFFF ! important;
}

• ポイント：
  • 自分が使用しているテーマ「Hatena2-black」では、以下の指定では背景が変化しなかった。
    確認したブラウザはFirefox3.0.4。

.syntax-highlight {
  background-color : #FFFFFF;
}

• • 背景の他に、デフォルトのフォントの色もテーマにより変化するようなので、自分が決めた背景にあわせた色を指定すること。

サンプル

#!/bin/sh
alias ll='ls -al'

<?php
    echo 'This is PHP source.';
?>