多個樣式，建議一起使用效果比較明顯，分開是要講解樣式是做什麼的。
| /*移除背景色*/ #urlbar .urlbar-page-action, #urlbar #star-button-animatable-box, #urlbar #pageAction-panel-bookmark, #urlbar #star-button, #urlbar #star-button-animatable-box, #urlbar .urlbar-icon, #searchbar .search-go-button { background: unset !important; box-shadow: unset !important; } |
| /*提高懸停/活動狀態的亮度*/ #urlbar .urlbar-page-action:-moz-any(:hover,:hover:active,[open]), #urlbar #pageAction-panel-bookmark:-moz-any(:hover,:hover:active,[open]), #urlbar #star-button:-moz-any(:hover,:hover:active,[open]), #urlbar #star-button-animatable-box:-moz-any(:hover,:hover:active,[open]), #urlbar .urlbar-icon:-moz-any(:hover,:hover:active,[open]), #searchbar .search-go-button:-moz-any(:hover,:hover:active,[open]) { filter: brightness(1.25) !important; } |
滑鼠移到哪個圖示會高亮
暗黑主題要打開書籤或把任何網頁加入書籤比較明顯。
| /*可選頁面操作和放置標記顏色 */ #urlbar #pageActionButton, #urlbar .urlbar-history-dropmarker { fill: blue !important; } #urlbar #pageActionButton:-moz-any(:hover,:hover:active,[open]), #urlbar .urlbar-history-dropmarker:-moz-any(:hover,:hover:active,[open]) { fill: #2558ff !important; } |
一個是指頁面操作，就是三個點。另一個是下拉三角形箭頭。有用上色樣式會被蓋掉。
| /*可選星形按鈕顏色*/ #urlbar #pageAction-panel-bookmark:not([starred]), #urlbar #star-button:not([starred]) { fill: orange !important; opacity: 1.0 !important; } #urlbar #pageAction-panel-bookmark:not([starred]):-moz-any(:hover,:hover:active,[open]), #urlbar #star-button:not([starred]):-moz-any(:hover,:hover:active,[open]) { filter: brightness(1.05) !important; } |
把空白書籤星上色。
改過書籤圖示的無效，要用原生的。
| /*可選“Awesome RSS”按鈕顏色*/ #urlbar #_97d566da-42c5-4ef4-a03b-5a2e5f7cbcb2_-page-action,#reader-mode-button{ fill: orange !important; } #urlbar #_97d566da-42c5-4ef4-a03b-5a2e5f7cbcb2_-page-action,#reader-mode-button:-moz-any(:hover,:hover:active,[open]){ fill: orange !important; filter: brightness(1.75) !important; } |
我沒用RSS類套件，不知道指那個。
#reader-mode-button是閱讀模式按鈕，用上色樣式就不需要。
達人
