issue: Adjust UI interface for color uniformity. #6004

Closed
opened 2025-11-11 16:42:02 -06:00 by GiteaMirror · 2 comments
Owner

Originally created by @i-iooi-i on GitHub (Aug 9, 2025).

Check Existing Issues

  • I have searched the existing issues and discussions.
  • I am using the latest version of Open WebUI.

Installation Method

Docker

Open WebUI Version

v0.6.18

Ollama Version (if applicable)

No response

Operating System

Debian12

Browser (if applicable)

No response

Confirmation

  • I have read and followed all instructions in README.md.
  • I am using the latest version of both Open WebUI and Ollama.
  • I have included the browser console logs.
  • I have included the Docker container logs.
  • I have provided every relevant configuration, setting, and environment variable used in my setup.
  • I have clearly listed every relevant configuration, custom setting, environment variable, and command-line option that influences my setup (such as Docker Compose overrides, .env values, browser settings, authentication configurations, etc).
  • I have documented step-by-step reproduction instructions that are precise, sequential, and leave nothing to interpretation. My steps:
  • Start with the initial platform/version/OS and dependencies used,
  • Specify exact install/launch/configure commands,
  • List URLs visited, user input (incl. example values/emails/passwords if needed),
  • Describe all options and toggles enabled or changed,
  • Include any files or environmental changes,
  • Identify the expected and actual result at each stage,
  • Ensure any reasonably skilled user can follow and hit the same issue.

Expected Behavior

Image

Actual Behavior

Image Image Image

Steps to Reproduce

Could the UI achieve greater visual coherence? Specifically, after applying a background image, a white border appears at the top, and the left conversation list lacks the background's coloration, resulting in an overly stark contrast throughout the interface.

Logs & Screenshots

Nothing

Additional Information

No response

Originally created by @i-iooi-i on GitHub (Aug 9, 2025). ### Check Existing Issues - [x] I have searched the existing issues and discussions. - [x] I am using the latest version of Open WebUI. ### Installation Method Docker ### Open WebUI Version v0.6.18 ### Ollama Version (if applicable) _No response_ ### Operating System Debian12 ### Browser (if applicable) _No response_ ### Confirmation - [x] I have read and followed all instructions in `README.md`. - [x] I am using the latest version of **both** Open WebUI and Ollama. - [x] I have included the browser console logs. - [x] I have included the Docker container logs. - [x] I have **provided every relevant configuration, setting, and environment variable used in my setup.** - [x] I have clearly **listed every relevant configuration, custom setting, environment variable, and command-line option that influences my setup** (such as Docker Compose overrides, .env values, browser settings, authentication configurations, etc). - [x] I have documented **step-by-step reproduction instructions that are precise, sequential, and leave nothing to interpretation**. My steps: - Start with the initial platform/version/OS and dependencies used, - Specify exact install/launch/configure commands, - List URLs visited, user input (incl. example values/emails/passwords if needed), - Describe all options and toggles enabled or changed, - Include any files or environmental changes, - Identify the expected and actual result at each stage, - Ensure any reasonably skilled user can follow and hit the same issue. ### Expected Behavior <img width="2088" height="1353" alt="Image" src="https://github.com/user-attachments/assets/0d231c6f-a49c-4b22-afe2-a54a9f7eade5" /> ### Actual Behavior <img width="2085" height="1353" alt="Image" src="https://github.com/user-attachments/assets/d9588826-a265-4825-bb59-34d3a036f1d0" /> <img width="2079" height="1353" alt="Image" src="https://github.com/user-attachments/assets/4e9e0210-f5ce-4912-9255-123349a6cb9a" /> <img width="2081" height="1353" alt="Image" src="https://github.com/user-attachments/assets/735d7d14-1329-41f7-9a4f-d760e2b133c5" /> ### Steps to Reproduce Could the UI achieve greater visual coherence? Specifically, after applying a background image, a white border appears at the top, and the left conversation list lacks the background's coloration, resulting in an overly stark contrast throughout the interface. ### Logs & Screenshots Nothing ### Additional Information _No response_
GiteaMirror added the bug label 2025-11-11 16:42:02 -06:00
Author
Owner

@tjbck commented on GitHub (Aug 9, 2025):

Intended behaviour for now, but your feedback has been noted.

@tjbck commented on GitHub (Aug 9, 2025): Intended behaviour for now, but your feedback has been noted.
Author
Owner

@i-iooi-i commented on GitHub (Aug 10, 2025):

Image

Image

@tjbck Thank you for your response. I've just updated to the latest version, and the sidebar now supports transparency, making the UI look even more aesthetically pleasing 👍. It appears that only the top gradient is obscuring the background image, which makes it look a bit inconsistent. I'm confident it will continue to improve. Thank you again for your response.

@i-iooi-i commented on GitHub (Aug 10, 2025): ![Image](https://github.com/user-attachments/assets/fd33bd2c-0702-4d7e-91bf-f701e219f268) ![Image](https://github.com/user-attachments/assets/5d8987a4-c4bb-40da-a635-020d78f334e8) @tjbck Thank you for your response. I've just updated to the latest version, and the sidebar now supports transparency, making the UI look even more aesthetically pleasing 👍. It appears that only the top gradient is obscuring the background image, which makes it look a bit inconsistent. I'm confident it will continue to improve. Thank you again for your response.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#6004