スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Firefox 29 ツールバー アイコンを反転させる


ツールバーの背景を暗めに設定すると アイコンが見えにくくなるので
ツールバー アイコン(モノクロ・アウトラインタイプ)を反転させます。


■ ツールバー アイコン

  Toolbar-.png
  
  Toolbar-inv.png

  
■ スタイル適用前

  Toolbar-s.png

■ スタイル適用後

  Toolbar-inverted-s.png


■ ツールバー アイコン 反転用スタイル(明るすぎるときは opacity: で調整してください)
  
#nav-bar :-moz-any(
#back-button,
#forward-button,
#home-button,
#print-button,
#downloads-button,
#bookmarks-menu-button,
#new-tab-button,
#new-window-button,
#fullscreen-button,
#sync-button,
#feed-button,
#tabview-button,
#webrtc-status-button,
#social-share-button,
#open-file-button,
#find-button,
#developer-button,
#preferences-button,
#privatebrowsing-button,
#save-page-button,
#switch-to-metro-button,
#add-ons-button,
#history-panelmenu,
#nav-bar-overflow-button,
#PanelUI-menu-button,
#characterencoding-button,
#email-link-button,
#sidebar-button,
#zoom-out-button,
#zoom-reset-button,
#zoom-in-button,
#cut-button,
#copy-button,
#paste-button),
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
list-style-image: url("chrome://browser/skin/Toolbar-inverted.png") !important;
/* opacity:0.8 !important; */ /* 明度 */
}

.tabs-newtab-button,
#TabsToolbar > #new-tab-button,
#TabsToolbar > toolbarpaletteitem > #new-tab-button {
list-style-image: url("chrome://browser/skin/tabbrowser/newtab-inverted.png") !important;
/* opacity:0.8 !important; */ /* 明度 */
}

#alltabs-button {
list-style-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow-inverted.png") !important;
/* opacity:0.8 !important; */ /* 明度 */
}

.tabbrowser-arrowscrollbox > .scrollbutton-up,
.tabbrowser-arrowscrollbox > .scrollbutton-down {
list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-left-inverted.png") !important;
/* opacity:0.8 !important; */ /* 明度 */
}

/*
#nav-bar .toolbarbutton-1:not([type=menu-button]),
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
color: #FFFFFF !important;
} */





関連記事
プロフィール

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

全記事表示リンク

全ての記事を表示する

カテゴリ
検索フォーム
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。