oxidecomputer / oxidecomputer/console
Loading bar hard to see when browser theme doesn't match our theme
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 228
- Forks
- 22
- Avg merge
- 19h 42m
- Merged PRs (30d)
- 32
Description
I thought we had introduced a problem in #3061 with the color of the loading bar, but it turns out that we actually already had a pretty big problem with the color of the loading bar, and I just didn't realize because my Firefox has dark UI chrome.
The loading bar is only visible properly when both the chrome and the page theme match. When one is dark and the other is light, the loading bar is lost visually somehow in boundary.
https://github.com/user-attachments/assets/985e5c9f-fda9-4627-bcb4-693ba7180870
https://github.com/user-attachments/assets/99c098a9-64fd-4bb8-b3eb-0c4642b7255b
Originally posted by @david-crespo in https://github.com/oxidecomputer/console/issues/3061#issuecomment-3947983367
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the loading-bar issue in Firefox with mismatched browser chrome and page themes, then trace the loading bar's styling from the relevant frontend entry point. Done means the bar remains visually distinct in both dark/light theme combinations shown in the attached examples.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 50/100