github-starred/open-webui
2
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2026-07-11 18:43:44 -05:00
Code Issues 2.4k Packages Projects Releases 129 Wiki Activity

[GH-ISSUE #7671] Admin Menu Contrast Reduction #85576

New Issue
Closed
opened 2026-05-15 10:11:05 -05:00 by GiteaMirror · 1 comment
GiteaMirror commented 2026-05-15 10:11:05 -05:00
Owner
Copy Link

Originally created by @statianzo on GitHub (Dec 6, 2024).
Original GitHub issue: https://github.com/open-webui/open-webui/issues/7671

Bug Report

Installation Method

docker-compose of ghcr.io/open-webui/open-webui:0.4.7

Environment

  • Open WebUI Version: 0.4.7

  • Operating System: macOS Sonoma 14.7.1

  • Browser: Firefox 134.0b3

Confirmation:

  • I have read and followed all the instructions provided in the README.md.
  • I am on the latest version of both Open WebUI and Ollama.
  • I have included the browser console logs.
  • I have included the Docker container logs. (UI Issue)
  • I have provided the exact steps to reproduce the bug in the "Steps to Reproduce" section below.

Expected Behavior:

Menu items that have sufficient color contrast to align with WCAG 2.2 (4.5:1)

Actual Behavior:

Admin menu items have a contrast ratio of 1.59:1

Description

Bug Summary:
After upgrading to 0.4.7 from 0.3.x, I was confused when I first saw the Admin Settings menu. All the items appeared disabled. After selecting one, I realized this isn't the case.
There was a style change in fae6731137 to have buttons text-gray-300.

The move towards a light font color on top of a white background is challenging for users with reduced contrast perception. Web Content Accessibility Guidelines recommend a 4.5:1 ratio for body text like the menu items.

Reproduction Details

Steps to Reproduce:

  1. Go to /admin/settings
  2. Open Firefox developer tools > Accessibility
  3. Toggle Check for Issues to Contrast
  4. Observe all menu items listed

Logs and Screenshots

Screenshots/Screen Recordings (if applicable):

Admin Settings in 0.4.7

image

Admin Settings in 0.3.35

image

Firefox Accessibility Panel 0.4.7

image

Additional Information

Wanted to take this spot to share my genuine appreciation for OpenWeb UI. It's an excellent project that has been useful for making the most of self-hosted LLMs. ❤️ Thank you!

Originally created by @statianzo on GitHub (Dec 6, 2024). Original GitHub issue: https://github.com/open-webui/open-webui/issues/7671 # Bug Report ## Installation Method docker-compose of `ghcr.io/open-webui/open-webui:0.4.7` ## Environment - **Open WebUI Version:** 0.4.7 - **Operating System:** macOS Sonoma 14.7.1 - **Browser:** Firefox 134.0b3 **Confirmation:** - [x] I have read and followed all the instructions provided in the README.md. - [x] I am on the latest version of both Open WebUI and Ollama. - [x] I have included the browser console logs. - [ ] ~~I have included the Docker container logs.~~ (UI Issue) - [x] I have provided the exact steps to reproduce the bug in the "Steps to Reproduce" section below. ## Expected Behavior: Menu items that have sufficient color contrast to align with WCAG 2.2 (4.5:1) ## Actual Behavior: Admin menu items have a contrast ratio of 1.59:1 ## Description **Bug Summary:** After upgrading to 0.4.7 from 0.3.x, I was confused when I first saw the Admin Settings menu. All the items appeared disabled. After selecting one, I realized this isn't the case. There was a style change in fae6731137850fa575d3680d0223ff967eb155b2 to have buttons `text-gray-300`. The move towards a light font color on top of a white background is challenging for users with reduced contrast perception. [Web Content Accessibility Guidelines](https://www.w3.org/TR/WCAG22/#contrast-minimum) recommend a 4.5:1 ratio for body text like the menu items. ## Reproduction Details **Steps to Reproduce:** 1. Go to `/admin/settings` 2. Open Firefox developer tools > Accessibility 3. Toggle *Check for Issues* to *Contrast* 4. Observe all menu items listed ## Logs and Screenshots **Screenshots/Screen Recordings (if applicable):** #### Admin Settings in 0.4.7 ![image](https://github.com/user-attachments/assets/f996e320-f129-4a4a-940c-815b17368bee) #### Admin Settings in 0.3.35 ![image](https://github.com/user-attachments/assets/fa500b97-5d5a-45c8-82e6-fb1f238eb7e3) #### Firefox Accessibility Panel 0.4.7 ![image](https://github.com/user-attachments/assets/40462362-88d2-40f6-aaec-0ada3d590bd8) ## Additional Information Wanted to take this spot to share my genuine appreciation for OpenWeb UI. It's an excellent project that has been useful for making the most of self-hosted LLMs. ❤️ Thank you!
GiteaMirror commented 2026-05-15 10:11:06 -05:00
Author
Owner
Copy Link

@tjbck commented on GitHub (Dec 7, 2024):

Intended styling.

<!-- gh-comment-id:2524805861 --> @tjbck commented on GitHub (Dec 7, 2024): Intended styling.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
bug
confirmed
confirmed issue
core
documentation
enhancement
good first issue
help wanted
non-core
pull-request
Mirrored from GitHub Pull Request
 python
question
testing wanted
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
GiteaMirror ninjasurge
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#85576
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?