Customize Toolbar Button Icon (broken)

Added by Gotolei@userstyles, Created: Aug 25, 2015, Updated: Aug 25, 2015
With the style applied
Button ID
Icon #

Description:

**Currently broken, working on fix. Will work if you manually set rect() vars for now**

Allows you to customize a toolbar button's icon using Firefox's built-in set:

chrome://browser/skin/Toolbar.png

Different addons have different methods of placing the icon. This style is incredibly basic and may or may not work. Feel free to tinker around though.
Inverts as necessary for personas. Install directions in additional info.

More info
Requires a version of Firefox capable of using css variables (normally fx31, idk how far along palemoon et al are).

You'll need the ID of the button (DOM Inspector and Element Inspector addons).
Firefox's australis menu is "#PanelUI-menu-button", Tab Mix Plus' recently closed tab list is "#btn_undoclose", the one added by Personal Bookmark Menu Button is "#personal-bookmarks-menu-button", etc.
Once you know it, put it in the field.

To choose which icon, count how many icons from the left the icon you want is on toolbar.png.
Large back arrow is 1, the home icon is 6, the folder is 12, etc.
Put that number in the other field.

Installs:
Applies to:
all URLs
License:
CC0 1.0 Universal.
Gotolei@userstyles has waived all copyright and related or neighboring rights to Customize Toolbar Button Icon (broken), to the extent allowed by law.

Related styles:

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.