Skip to content

Table text is not readable when dark mode is disabled #2963

Open
@jyelland

Description

@jyelland

Have you checked that your issue isn't already filed?

  • I read through FAQ and searched through the past issues, none of which addressed my issue.
  • Yes, I have checked that this issue isn't already filed.

Bug description

When dark mode is disabled, white text is displayed on white table backgrounds

How to reproduce the bug

Steps to reproduce:

  1. Fork the repo (c5d0e92)
  2. Change line 399 of _config.yml : enable darkmode: true -> enable darkmode: false
  3. Change line 21 url to https://jyelland.github.io
  4. Commit and push to deploy site via Github Actions
  5. View live site at https://jyelland.github.io/al-folio/
  6. Confirm that dates and non-hyperlink text in "news" and "latest posts" are white-on-white (ctrl-A below)
Image

Error messages and logs

The error message you got, with the full traceback if available. Please paste it between these triple backticks.

What operating system are you using?

Linux, Mac

Where are you seeing the problem on?

Deployed site, Running locally with Docker (docker compose)

More info

As far as I can tell, the problem is that when dark mode is disabled, some tables are given class table-dark. If I manually change table-dark to table using Inspect in Firefox, text changes from white to black. However, it does not occur when I build locally using docker compose on MacOS—text is black on white. I wonder if this is related to #1134?

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions