サンプルコード

不要な部分は削除またはコメントアウトし、色合いなどは好みに合わせて調整してください。 (わずかな誤記でも反映されません、よく確認しましょう)

Firefox にてご覧ください。

サンプル集

userChrome.cssファイルも用意してみました。(ダウンロード後、そのままでのご使用はせずに必ず編集してください)
sample.zip (内容は下記と同じです)

プレーンテキストでもご覧いただけます。userChrome.txt

/* メニューアイテムを削除 */ #navigator-toolbox menu[label="ファイル"], #navigator-toolbox menu[label="編集"], #navigator-toolbox menu[label="表示"], #navigator-toolbox menu[label="移動"], #navigator-toolbox menu[label="ブックマーク"], #navigator-toolbox menu[label="ツール"], #navigator-toolbox menu[label="ヘルプ"] {  display:none !important; } /* ツールバー 独自の背景画像を設定  * 画像ファイル(background.gif)はuserChrome.cssと同じ場所へ */ menubar,toolbox,toolbar,.tabbrowser-tabs {  background-image:url("background.gif") !important;  background-color:none !important; } /* 上記の背景画像のサイズによってタブバーが完全でない場合がある  * 以下を追加して補正してください */ .tabbrowser-tabs {  background-position:0px 0px !important;  background-repeat:repeat !important; } /* ツールバー 背景色を設定 */ menubar,toolbox,toolbar,.tabbrowser-tabs {  background-image:none !important;  background-color:#eff !important;  border-style:none !important; /* 枠線を削除したい場合に追加 */ } /* メニューバー 文字色を設定 */ .menubar-text,.toolbarbutton-text {  color:#0c9 !important;  font-weight:bold !important; /* 文字の太さを設定 */ } /* メニュー オンマウス時に文字色と背景色を変更 */ menubar>menu[_moz-menuactive="true"], menu[_moz-menuactive="true"] .menubar-text {  color:#f66 !important;  background-color:#0ee !important } /* メニュー オープン時に背景色を変更 */ menubar>menu[open="true"], menu[open="true"] .menubar-text {  background-color:#9ef !important } /* パーソナルブックマーク オンマウス時に文字色と背景色を変更 */ #bookmarks-stack toolbarbutton:hover, #bookmarks-stack toolbarbutton:hover .toolbarbutton-text {  color:#f66 !important;  background-color:#0ee !important } /* パーソナルブックマーク オープン時に文字色と背景色を変更 */ #bookmarks-stack toolbarbutton[open="true"], #bookmarks-stack toolbarbutton[open="true"] .toolbarbutton-text {  color:#f66 !important;  background-color:#9ef !important } /* ステータスバー 背景色を設定 */ statusbarpanel {  -moz-appearance:none !important;  background-image:none !important;  background-color:#eff !important; } /* ステータスバー 文字色を設定 */ .statusbarpanel-text {  color:#0c9 !important;  font-weight:bold !important; /* 文字の太さを設定 */ } /* ロケーションバー(url) 文字色を設定 */ #urlbar {  color:#f00 !important; } /* ロケーションバー(url) 右隅のボタンを削除 */ #urlbar>.autocomplete-history-dropmarker {  display:none !important; } /* ロケーションバー(url) 履歴 ? を非表示に */ #PopupAutoComplete>.autocomplete-tree {  display:none !important; } /* コンテキストメニュー [戻る][進む][更新][中止]を削除 */ #context-back, #context-forward, #context-reload, #context-stop, #context-sep-stop /* 「中止」の下のセパレーターを削除 */ {  display:none !important; } /* コンテキストメニュー 以下メニューを削除 */ #context-searchselect, /* [-をweb検索] */ #context-sendlink, /* [リンクを送信] */ #context-sendpage, /* [リンクURLをメールで送信] */ #context-sendimage /* [画像をメールで送信] */ {  display:none !important; } /* タブバー 閉じるボタンを削除 */ .tabs-closebutton-box {  display:none !important; } /* クイックアップデートアイコンを削除 */ #softwareupdate-item {  display:none !important; } /* メニュー マウスカーソルの形状を設定 */ menu,menupopup,popup,toolbarbutton {  cursor:pointer !important } /* パーソナルブックマークの幅を固定(隠れるのを防止) */ #personal-bookmarks {  width:240px !important; /* 値は調整してください */ }

ここから下は defaut テーマの場合にどうぞ。 /* ブラウザ本体以外の背景色も設定 */ page,splitter, /* 主にDOMインスペクタ関連の背景色を設定 */ popup, /* コンテキストメニューなどの背景色を設定 */ dialog,window,tabs /* [オプション]や[ページの情報]などの背景色を設定 */ { background-image:none !important; background-color:#eff !important; } /* 主に[ページの情報] 内枠の背景色を設定 */ tabpanels { -moz-appearance:none !important; background-image:none !important; background-color:#dff !important; } /* タブ関連 */ /* 基本設定 */ tab { -moz-appearance:none !important; background-color:#f9ffff !important; margin-top:1px !important; padding:1px 4px 2px 4px !important; border-style:none !important; cursor:pointer !important; } /* アクティブなタブの文字色・背景色など */ tab[selected="true"] { background-color:#0ff !important; color:#f00 !important; margin-top:1px !important; padding:1px 4px 2px 4px !important; border-style:none !important; } /* 通常のタブの文字色・背景色など */ tab:not([selected="true"]) { font-weight:bold !important; background-color:#eff !important; color:#ccc !important; } /* タブのオンマウス時の背景色 */ tab:hover { background-color:#ff9 !important; } /* アクティブなタブのオンマウス時の背景色 */ tab[selected="true"]:hover { background-color:#bef !important; }

ついでにスクロールバーもどうぞ。 userChrome.css だけでなく userContent.css にも記入してください。
(スクロールバーに画像の使用も検討中ですが、今ひとつうまくいきません) /* ::::: borders for thumb and buttons ::::: */ scrollbarbutton, thumb { -moz-appearance:none !important; background-color:#0e9 !important; border-top:1px solid #3fc !important; border-right:1px solid #0a3 !important; border-bottom:1px solid #0a3 !important; border-left:1px solid #3fc !important; -moz-border-top-colors:none !important; -moz-border-right-colors:none !important; -moz-border-bottom-colors:none !important; -moz-border-left-colors:none !important; /* スクロールバーの幅を変更 */ min-width:12px !important; min-height:12px !important; } thumb:hover { border-top:1px solid #6fc !important; border-right:1px solid #0c9 !important; border-bottom:1px solid #0c9 !important; border-left:1px solid #6fc !important; -moz-border-top-colors:none !important; -moz-border-right-colors:none !important; -moz-border-bottom-colors:none !important; -moz-border-left-colors:none !important; background-color:#3fb !important; } scrollbarbutton:hover:active, scrollbarbutton:active { border-top:1px solid #0c9 !important; border-right:1px solid #6fc !important; border-bottom:1px solid #6fc !important; border-left:1px solid #0c9 !important; -moz-border-top-colors:none !important; -moz-border-right-colors:none !important; -moz-border-bottom-colors:none !important; -moz-border-left-colors:none !important; background-color:#3fb !important; } thumb:active, thumb:hover:active { border-top:1px solid #bee !important; border-right:1px solid #fff !important; border-bottom:1px solid #fff !important; border-left:1px solid #bee !important; -moz-border-top-colors:none !important; -moz-border-right-colors:none !important; -moz-border-bottom-colors:none !important; -moz-border-left-colors:none !important; background-color:#cff !important; } scrollbarbutton { background-repeat:no-repeat !important; background-position:center center !important; } /* ::::: slider ::::: * scrollbarのレールの色を設定 */ slider { background-color:#ffc !important; -moz-border-left-colors:none !important; -moz-border-bottom-colors:none !important; border-style:none !important; } slider[orient="vertical"] { background-color:#ffc !important; -moz-border-left-colors:none !important; border-style:none !important; }

不具合などあればゲストブックにでも・・・。ただし、「拡張機能」関連のものはご容赦ください。