まじめにゆいがどくそん

仕事関連の真面目な記事が満載です、多分。

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

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


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

/* スーパー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.';
?>
広告を非表示にする