Table striped overrides data-theme=light #624
Description
Describe the issue
<table class="striped">
<tbody><style>.log-data0 { padding-left: 0rem; }</style>
<tr><td data-theme="light"><strong>aaa:</strong></td><td>aaaa</td></tr>
<tr><td data-theme="light"><strong>aaa:</strong></td><td>aaaa</td></tr>
<tr data-theme="light"><td ><strong>aaa:</strong></td><td>aaaa</td></tr>
<tr data-theme="light"><td ><strong>aaa:</strong></td><td>aaaa</td></tr>
</tbody>
</table>Current Behavior
A concise description of the bug.
Expected Behavior
The light theme being applied correctly.
head element:
Details
<head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><title>Mechanical Dirk</title><meta name="viewport" content="width=device-width, initial-scale=1"/><script src="https://unpkg.com/htmx.org@1.9.12" crossorigin="anonymous"></script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.colors.min.css"/><script>
// https://stackoverflow.com/questions/69364278/handle-errors-with-htmx
document.body.addEventListener('htmx:beforeOnLoad', function (evt) {
if (evt.detail.xhr.status === 400 || evt.detail.xhr.status === 500) {
evt.detail.shouldSwap = true;
evt.detail.isError = false;
}
});
</script></head>