Ability to configure selected rows color

We've used very limited CSS to increase contrast for readability.

We've opted for first choosing a signalling color for the primary row and then use a different opacity of this color for the secondary rows. This creates a uniform and similar feel. Additionally we've changed the color of the grid lines & practically disabled the hoverover as we found that disctracting and disorientating as to if you had selected the record or not.

 /* ---------------- GRID ROWLINES ---------------- */

    .ag-row.ag-row {
        border-color: #bdc0c3 !important;
    }


    /* ---------------- GRID SELECTION COLORS ---------------- */

    /* PRIMARY selected row */
    .ag-row-selected.active-row,
    .ag-row-selected.active-row .ag-cell {
        background-color: #fbe688 !important;
    }

    /* SECONDARY selected rows */
    .ag-row-selected:not(.active-row),
    .ag-row-selected:not(.active-row) .ag-cell {
        background-color: #fdf4c9 !important;
    }

    /* Hover on unselected rows */
    .ag-row-hover:not(.ag-row-selected) {
        background-color: #ffffff00 !important;
    }

    /* Remove flash on row deselect (AG‑Grid animation override) */
    .ag-row,
    .ag-row.ag-row-transition,
    .ag-row-selected.ag-row-transition,
    .ag-row-focus.ag-row-transition {
        background-color: #ffffff00 !important;
        transition: background-color 0s !important;
    }

Thanks ​@NielsB, I will try this one. 

By the way, does it work fine for both dark and light mode?

Hi Harm, 

We decided upon this specifically for light mode. We still have to figure out the proper styling for darkmode; but it would work in a similar fashion.

Hi all!

With the theming options for Universal, we introduced a separate color for the menu, to give you the means to deviate for the main colors. 

​@Edwin Saan, can you elaborate your situation? What color do you use for your 'main’ theme color? Could you maybe share a screenshot of one of your grids? What were the reactions on other colors for ‘main’ of your users? 

​