ブックマークツリーのアイテム選択色を変更



Firefoxブックマークサイドバー全体の配色が
非常に見にくいので、ちょこっと変えてみました。
下にコードがあるので [Stylish] にコピペしてお試しください。
配色が気に入らない方は、いろいろいじくってみてください。

[zubolla.メモ]  Stylishを使って [ Firefoxの見た目を変える ]
[zubolla.メモ]  ブックマークツリーのアイテム選択色変更(2) [バグあり]

追記:「ブックマークツリーのアイテム選択色変更」スタイル
Firefox25でも使えるように修正しました。




【 アイテム選択色 / 挿入線(?)/ 背景色をを変更 】

 
■ アクティブ状態でのアイテム選択色を変更
■ ドラッグ先のフォルダの選択色を変更(フォックス色(?)のほうが見やすいかと..)

Fav_tree4


■ 挿入線(?)の 色 / 太さ を変更(デフォルトでは、ほとんど見えない)

Fav_tree1

■ 非アクティブ状態でのアイテム選択色を変更(デフォルトでは、まったく見えない)
■ ブックマークサイドバーの背景色をを変更

Fav_tree5




■ 以下のユーザースタイルを [Stylish] にコピペして、使ってやってください。


/* サイドバーのタイトルを表示しない */
#sidebar-box sidebarheader {display: none !important;}

/* ブックマークサイドバーの検索を表示しない */
#bookmarksPanel > hbox {display: none !important;}

/*-----------------------------------------------------*/
/* ::: 上、必要ない人は、ここから下をコピーして下さい ::: */

/* ブックマークサイドバーの背景色を設定 */
#bookmarks-view {
background-color: #FFFFF3 !important;
}

/*-----------------------------------------------------*/

#bookmarksPanel treechildren::-moz-tree-row(selected) {
background-color: #E7EDF6 !important;
}
/* 選択行全体 */
/* アクティブ状態で、選択状態のアイテム */
#bookmarksPanel treechildren::-moz-tree-row(selected,focus) {
background-color: #6FB7FF !important;
}

/*-----------------------------------------------------*/

/* 非アクティブ状態で、選択状態のテキスト */
#bookmarksPanel treechildren::-moz-tree-cell-text(selected) {
color: black !important;
background-color: #E7EDF6 !important;
}

/* アクティブ状態で、選択状態のテキスト */
#bookmarksPanel treechildren::-moz-tree-cell-text(selected,focus) {
color: white !important;/*白抜き文字*/
background-color: #6FB7FF !important;
}

/*-----------------------------------------------------*/

/* ドラッグ先フォルダ */
#bookmarksPanel treechildren::-moz-tree-row(dropOn) {
background-color: #FFC251 !important;
}

#bookmarksPanel treechildren::-moz-tree-cell-text(dropOn) {
color: white !important;/* 白抜き文字 */
}

/* 最上位 ・ブックマークツールバー ・ブックマークメニュー
・未整理のブックマークフォルダ */
#bookmarksPanel treechildren::-moz-tree-cell-text(primary,dropOn) {
border-color: transparent !important;
background-color: transparent !important;
}

/*-----------------------------------------------------*/

#bookmarksPanel treechildren::-moz-tree-drop-feedback {
background-color: #FF0000 !important;
width: 80px !important;
height: 3px !important;/* デフォルトは2pxゴミが気になるときは元へ */
margin-left: -9px !important;
}

/*-----------------------------------------------------*/
/* セパレーター */
/*#bookmarksPanel treechildren::-moz-tree-separator {
border-top-color: ThreeDShadow !important;
border-bottom-color: ThreeDHighlight !important;
}*/



 バージョン情報 (動作確認日: 2012年3月)

Firefox 11.0
Stylish 1.2.6


[関連リンク]

ツリーのスタイル付け - MDN
XUL、Tree/ツリーのスタイル - oct inaodu
tree.css:MozillaFirefoxのテーマの作り方

色を指定する方法
HTML色見本
色見本
WEB用カラー見本 ソート機能付き

ColorZilla | Firefox アドオン | Mozilla Japan の公式アドオン紹介サイト
ColorZillaでWebページの色を簡単にチェックする! | Health is better than wealth




関連記事
プロフィール

Author:zubolla
  
あ~
めんどくちゃい めんどくちゃい

全記事表示リンク

全ての記事を表示する

カテゴリ
検索フォーム