How To Change Highlighted Items Color In Alfresco Share Form

so I have been trying to change the highlight color in which documents show up in the 'items' field within an Alfresco Share workflow form. Basically, given a starting form that lo

Solution 1:

EDITED: The class you're looking for is:

tr.yui-dt-highlighted

The problem here is that these classes are generated automatically by JavaScript injected in the page. So, I've searched and found this little info: path share/res/js/yui-common.js you should use a tool like JavaScript Formatting to understand some code in there. There is a CLASS_HIGHLIGHTED that starts a function, and you should try to override this:

highlightRow: function (k) {
    var i = this.getTrEl(k);
    if (i) {
        var j = this.getRecord(i);
        c.addClass(i, d.CLASS_HIGHLIGHTED);
        this.fireEvent("rowHighlightEvent", {
            record: j,
            el: i
        });
        return;
    }
},
unhighlightRow: function (k) {
    var i = this.getTrEl(k);
    if (i) {
        var j = this.getRecord(i);
        c.removeClass(i, d.CLASS_HIGHLIGHTED);
        this.fireEvent("rowUnhighlightEvent", {
            record: j,
            el: i
        });
        return;
    }
},

There are highlightRow and highlightColumn to look into. It's always very difficult to override YAHOO yui functions..