Setting backgroud-color for row overides selection color ?

WHat I mean...

I have this:

grid1.defineRowProperty("Mybackcolor", function(row){
        return this.getCellValue(7, row);
        });
    grid1.getRowTemplate().setStyle("background-color", function(){
        return this.getRowProperty("Mybackcolor");
        });

to set custom colors for each row, but this way Selection color dissapeared. I mean, the text color works (getting white text) but the backgroud bolor does not change. That way I get White text on wery light row backgrounds making it impossible to read.

I tried to workaroud it by:

grid1.getRowTemplate().onControlActivated = function(event){
return this.setStyle("background-color", '');
        
        }
    
    grid1.getRowTemplate().onControlDeactivated = function(event){
return this.setStyle("background-color", "Mybackcolor");
        }

but it does not work :(

(Seemd to be much easier in v.1, or I just haven't found the way in v.2 :| )

OK, found the solution by adding styles on the page again with !important...

.aw-cells-selected, .aw-rows-selected {
    color: #fff!important;
    background: #396FA2!important;
}

.aw-rows-selected .aw-grid-cell {
    background: none!important;
}