W3Schools Tryit Editor

<!DOCTYPE html>
<html lang="en">
<title>W3.CSS</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/6/w3.css">
<body class="w3-container">

<h2>Dark Mode on a Table</h2>
<p>Add <b>w3-dark-mode</b> to a table to change its default text, backgrounds, and border colors.</p>
<p>The rest of the page keeps its own appearance.</p>
<p>Compare the same data without and with <b>w3-dark-mode</b>.</p>

<h3>Without w3-dark-mode</h3>
<table class="w3-table-all">
  <tr><th>First Name</th><th>Last Name</th><th>Points</th></tr>
  <tr><td>Jill</td><td>Smith</td><td>50</td></tr>
  <tr><td>Eve</td><td>Jackson</td><td>94</td></tr>
  <tr><td>Adam</td><td>Johnson</td><td>67</td></tr>
</table>

<h3>With w3-dark-mode</h3>
<table class="w3-table-all w3-dark-mode">
  <tr><th>First Name</th><th>Last Name</th><th>Points</th></tr>
  <tr><td>Jill</td><td>Smith</td><td>50</td></tr>
  <tr><td>Eve</td><td>Jackson</td><td>94</td></tr>
  <tr><td>Adam</td><td>Johnson</td><td>67</td></tr>
</table>

</body>
</html>