goharbor / goharbor/website

Table modal uses light background causing low contrast in dark mode

Open Beginner friendly
#764 0 comments 1 reaction 0 assignees View on GitHub
Dominant language
HTML
Stars
46
Forks
222
PR merge metrics
No merged PRs in 30d

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/](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

Contributor guide

No contributing guide indexed for this repository

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.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.