Firebugのコンソール部分のフォントが見づらいので、変更しようとFirebugのコマンドラインが見難いのでフォントを変えてみた – cloned.logを参考にやったが、
色だけしか変わらなかったので、少し調べてみた。
ChromeフォルダにあるuserChrome.cssに以下を記述することで変更できた。(Stylishでもいいと思う)

#fbLargeCommandLine > .textbox-input-box {
  font-size: 11pt !important;
  font-family: Consolas !important;
}

CSSで指定するクラス名をDOM Inspectorで特定する流れ。

DOMの方はいろいろめんどくさそうだったのでやってないんですが、DOM Inspectorで簡単に調べられます。 

<p>
  1. てきとーなページを開く <br /> 2. Firebugを開いて、ウインドウを分離する <br /> 3. DOM Inspectorを開く <br /> 4. 「File」→「Inspect Chrome Document」から、分離したFirebugと同じタイトルを持つ項目を選択 <br /> 5. Inspectボタンで気になるところをクリック <br /> 6. ノードからclassなりidなりを拾ってCSSを書く<br /> こんな感じです。
</p>

<p>
  <cite><a href="http://web.g.hatena.ne.jp/vantguarde/20080524/1211560511">FirefoxとFirebugの色分けを変更するユーザーCSS書いた &#8211; vantguarde &#8211; web:g</a></cite>
</p>

実際にやってる様子