Table modal uses light background causing low contrast in dark mode

Open Beginner friendly
#764 0 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
74/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Active
Tech stack
html

Research direction

Start at the affected configure-yml-file documentation page and trace the expanded table modal and its dark-mode styling. Reproduce the issue with dark mode enabled, then verify that the modal background and text provide readable contrast when the table is expanded.

Written by the indexing model from the issue text.

Description

Description

When viewing documentation tables in dark mode and expanding a table (fullscreen/modal view), the modal container background switches to white while the text color remains light/white. As a result, the text has insufficient contrast and becomes unreadable.

Affected URL: https://goharbor.io/docs/2.9.0/install-config/configure-yml-file/

Steps to Reproduce
  1. Go to Harbor docs with dark mode enabled (or system dark mode active).
  2. Navigate to a page containing a table (e.g., configure-yml-file).
  3. Click to enlarge/expand the table modal.
  4. Observe the modal theme styling.
Expected Behavior

The expanded table modal should inherit dark mode styling (dark background with readable light text) or use appropriately contrasted text colors.

Actual Behavior

The expanded modal background renders as white, causing light-colored text to blend into the background and become unreadable.

Screenshots
Image Image
Dominant language
HTML
Stars
46
Forks
222
Avg merge
12d 4h
Merged PRs (30d)
5

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from goharbor/website

All issues in goharbor/website

Similar issues

More Documentation issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.