JSFiddle - React, Tailwind, and code Playground

HTML

<table class="detailtable">
    <tr><td>A row</td></tr>
    <tr><td>A row</td></tr>
    <tr style="background:darkgray"><td>A row</td></tr>
    <tr style="background:darkgray"><td>A row</td></tr>
    <tr style="background:darkgray"><td>A row</td></tr>
    <tr style="background:darkgray"><td>A row</td></tr>
    <tr style="background:darkgray"><td>A row</td></tr>
    <tr style="background:darkgray"><td>A row</td></tr>
</table>

CSS

td {
    padding: 4px 20px;
}

JavaScript

$('.detailtable tr').not('[style*="darkgray"]').css('background', '#D668D2');