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 w3-dark-mode">

<h2>Basic Dark Mode</h2>
<p>Add <b>w3-dark-mode</b> to the body to give the page a dark background and light text.</p>
<p>Components that use CSS variables also receive dark-mode colors.</p>
<p>Remove <b>w3-dark-mode</b> from the body and run the example to compare the light appearance.</p>

<h3>Table</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>

<div class="w3-panel w3-border">
  <p>The panel uses the default dark-mode text and border colors.</p>
</div>

<div class="w3-panel w3-blue">
  <p>The explicit w3-blue color stays blue in dark mode.</p>
</div>

</body>
</html>