Show greyscale icon as red

I have an editable tabular form using APEX’s old greyscale edit link icons:

The users complained that they currently have to click each link to drill down to the detail records to find and fix any errors; they wanted the screen to indicate which detail records were already fine and which ones needed attention.

Since screen real-estate is limited here, I wanted to indicate the problems by showing a red edit link instead of the default greyscale one; since this application is using an old theme I didn’t feel like converting it to use Font Awesome (not yet, at least) and neither did I want to create a whole new image and upload it. Instead, I tried a CSS trick to convert the greyscale image to a red shade.

Hi ubuncent, I have another classic report below the tabular form which generates the total items, plus some custom javascript to align the items horizontally and keep them updated as the user makes changes. There’s not enough room in a comment here to explain in more detail. The method used to generate the totals dynamically is described here: http://jeffkemponoracle.com/2016/04/05/declarative-tabular-form-dynamic-totals/