Bad color for score table in real contest

[user202729]

The 2 last rows are very hard to read.

<div class="roundbox sidebox" style="">
            <div class="roundbox-lt">&nbsp;</div>
            <div class="roundbox-rt">&nbsp;</div>
        <div class="caption titled">→ Score table
            <div class="top-links">
            </div>
        </div>
        <table class="rtable ">
            <tbody>
                <tr>
                            <th class="left" style="width:100%;"></th>
                            <th class="" style="width:8em;">Score</th>
                </tr>
                    <tr>
                                <td class="left "><a href="/contest/1338/problem/A">Problem A</a></td>
                                <td class="">418</td>
                    </tr>
                    <tr>
                                <td class="left  dark"><a href="/contest/1338/problem/B">Problem B</a></td>
                                <td class=" dark">836</td>
                    </tr>
                    <tr>
                                <td class="left "><a href="/contest/1338/problem/C">Problem C</a></td>
                                <td class="">1254</td>
                    </tr>
                    <tr>
                                <td class="left  dark"><a href="/contest/1338/problem/D">Problem D</a></td>
                                <td class=" dark">1672</td>
                    </tr>
                    <tr>
                                <td class="left "><a href="/contest/1338/problem/E">Problem E</a></td>
                                <td class="">2299</td>
                    </tr>
                    <tr>
                                <td class="left  dark"><span style="color:green;; color: #00c700 !important; ">Successful hack</span></td>
                                <td class=" dark">100</td>
                    </tr>
                    <tr>
                                <td class="left "><span style="color:red;">Unsuccessful hack</span></td>
                                <td class="">-50</td>
                    </tr>
                    <tr>
                                <td class="left  dark"><span style="color:black;">Unsuccessful submission</span></td>
                                <td class=" dark">-50</td>
                    </tr>
                    <tr>
                                <td class="left bottom"><span style="color:black;">Resubmission</span></td>
                                <td class="bottom">-50</td>
                    </tr>
            </tbody>
        </table>
    </div>

[GaurangTandon]

Sorry for delaying this for so long! Afaict there is no way to do this directly via CSS right? .roundbox .rtable span[style="color:black;"] seems too generic and might accidentally match some other things as well (in the future?). For now, I plan to fix this via JavaScript (find all .roundbox .rtable span that have text "successful submission/hack" or "resubmission")