Nice, for those of you who want to spend more time on coloring icons
here's something I used when the svg icons were first introduced to the
toolbars:
/* Colorize svg icons */
/* Colorize all icons (the default color is currentColor) */
.toolbarbutton-icon,
.toolbarbutton-menubutton-dropmarker,
.toolbarbutton-menu-dropmarker {
fill: highlight;
}
/* Don't colorize icons on the navigation toolbox toolbars */
#navigation-toolbox > toolbar > toolbar .toolbarbutton-icon,
#navigation-toolbox > toolbar > toolbar
.toolbarbutton-menubutton-dropmarker,
#navigation-toolbox > toolbar > toolbar .toolbarbutton-menu-dropmarker {
fill: currentColor !important;
}
/* Colorize some icons */
#button-newmsg .toolbarbutton-icon,
#button-newmsg .toolbarbutton-menubutton-dropmarker,
#button-address .toolbarbutton-icon,
#hdrForwardButton .toolbarbutton-icon,
#hdrFollowupButton .toolbarbutton-icon,
#hdrFollowupButton .toolbarbutton-menubutton-dropmarker,
#button-replyall .toolbarbutton-icon,
#button-replytolist .toolbarbutton-icon,
#button-followup .toolbarbutton-icon,
#button-forward .toolbarbutton-icon,
#button-send .toolbarbutton-icon,
#button-nextUnread .toolbarbutton-icon,
#button-notJunk .toolbarbutton-icon,
#button-goback .toolbarbutton-icon,
#button-goback .toolbarbutton-menubutton-dropmarker,
#button-goforward .toolbarbutton-icon,
#button-goforward .toolbarbutton-menubutton-dropmarker,
#statusTypeIcon[status="available"] .toolbarbutton-menu-dropmarker {
fill: green;
}
#otherActionsButton .toolbarbutton-menu-dropmarker,
#button-appmenu .toolbarbutton-icon,
#button-getmsg .toolbarbutton-icon,
#button-getmsg .toolbarbutton-menubutton-dropmarker,
#hdrReplyButton .toolbarbutton-icon,
#hdrReplyButton .toolbarbutton-menubutton-dropmarker,
#hdrReplyToSenderButton .toolbarbutton-icon,
#hdrReplyToSenderButton .toolbarbutton-menubutton-dropmarker,
#hdrReplyAllButton .toolbarbutton-icon,
#hdrReplyAllButton .toolbarbutton-menubutton-dropmarker,
#hdrReplyAllDropdown .toolbarbutton-icon,
#hdrReplyAllDropdown .toolbarbutton-menubutton-dropmarker {
fill: blue;
}
#button-chat .toolbarbutton-icon,
#button-add-buddy .toolbarbutton-icon,
#button-join-chat .toolbarbutton-icon,
#button-chat-accounts .toolbarbutton-icon,
#statusTypeIcon[status="unavailable"] .toolbarbutton-menu-dropmarker {
fill: crimson;
}
#hdrArchiveButton .toolbarbutton-icon,
#button-tag .toolbarbutton-icon,
#button-tag .toolbarbutton-menu-dropmarker,
#button-mark .toolbarbutton-icon,
#button-mark .toolbarbutton-menu-dropmarker {
fill: maroon;
}
#button-isJunk .toolbarbutton-icon,
#hdrJunkButton .toolbarbutton-icon {
fill: orange;
}
/* Colorize some icons (make stop, close and delete button icons red) */
#button-stop .toolbarbutton-icon,
#button-mark-deleted .toolbarbutton-icon,
#hdrTrashButton .toolbarbutton-icon,
.tab-close-button .toolbarbutton-icon {
fill: red;
}