Dark theme does not change the color of text in tables

[aaamini]

It seems that there is a bug perhaps in the Material Bootstrap (?) regarding the dark theme and the color of the text in tables.

Specifically, the text remains black in tables when changing to dark theme making the text invisible. The setting seems to be in _tables.scss which is not included in al-folio.

Here is what the table looks like before any modifications:

Here is it is after manually changing the color to var(--global-text-color); in the inspector:

Is it possible to include _tables.scss so that this can be fixed?

[tostenzel]

There is a similar problem with the figure captions in the distill style blogposts. Yet, I don't know whether the reason is the same.

[george-gca]

Does #1283 fixes this @aaamini?

[lancewilhelm]

The issue appears to lie with how the tables are styled when the page is dark. When dark mode is toggled, the tables are classed as .table-dark. However, upon loading of the page, the tables are classed as .table. The script no_defer.js appears to address this issue for tables upon page load, but it does not class tables in news or cards.

[george-gca]

Fixed this in #1424, but there's something bothering me. The background of the dark mode should also be transparent. Currently it is like this:

while in light mode is like this:

I'll try to fix this in the same branch.