Firebugのコマンドラインのフォントをカスタマイズした

多分誰かのはてブとかにあったんだと思うけど、Firebugのコマンドラインのフォントを変更してるサイトを見かけて、そういえばFirebugのコマンドラインの文字ってめっちゃ小さくて読みにくいなーとか思い出したので、stylishでフォントの設定してみました。
参考サイトそのままじゃダメだったので調べたついでにコマンドラインだけじゃなくコマンドエディタとかコンソールの表示部分とかもついでに調べて最終的に以下の様な感じに。

firebug-commandline-custom.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

/**
 * コマンドライン
 */
textbox#fbCommandLine {
    font-size: 13pt !important;
    font-family: "Rounded M+ 1m" !important;
}

/**
 * コマンドラインの補完候補
 */
#fbCommandLineCompletion {
    font-size: 13pt !important;
    font-family: "Rounded M+ 1m" !important;
}

/**
 * コマンドエディタ
 */
#fbCommandEditor {
    font-size: 13pt !important;
    font-family: "Rounded M+ 1m" !important;
}

/**
 * コマンドエディタツール
 */
#fbCommandToolbar {
    font-size: 11pt !important;
    font-family: "Rounded M+ 1m" !important;
}

/**
 * コンソールログ
 */
.panelNode-console {
    font-size: 10pt !important;
    font-family: "KugimmyAA" !important;
}

Comments