github-starred/open-webui
2
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2026-05-06 10:58:17 -05:00
Code Issues 1.3k Packages Projects Releases 126 Wiki Activity

[GH-ISSUE #15043] feat: Improve UI+UX by changing "thinking text" opacity+styling #56112

New Issue
Closed
opened 2026-05-05 18:43:46 -05:00 by GiteaMirror · 1 comment
GiteaMirror commented 2026-05-05 18:43:46 -05:00
Owner
Copy Link

Originally created by @sushuyu on GitHub (Jun 16, 2025).
Original GitHub issue: https://github.com/open-webui/open-webui/issues/15043

Check Existing Issues

  • I have searched the existing issues and discussions.

Problem Description

Whenever I want to read the AI’s 'thinking' text, it’s difficult to visually separate it from the final output especially when the thinking section is large in size. The current bar it has is nice, but not enough. The lack of clear distinction makes it hard to focus on the actual answer when the thinking is visible at the same time and I often need to find where the actual output begins.

Desired Solution you'd like

Change the AI’s thinking text output colour to 50-60% opacity to better distinguish it from the actual response. Honestly, that combined with italic styling would look great.

This would help improve the overall UI/UX by creating a clearer visual hierarchy and enhancing the aesthetics.

For example compare to how this phrase is visually separated from the actual suggestion. This is just an addition, but it’s immediately clear that its importance is secondary. Same logic applies to commenting in coding environments.

Alternatives Considered

No response

Additional Context

No response

Originally created by @sushuyu on GitHub (Jun 16, 2025). Original GitHub issue: https://github.com/open-webui/open-webui/issues/15043 ### Check Existing Issues - [x] I have searched the existing issues and discussions. ### Problem Description Whenever I want to read the AI’s 'thinking' text, it’s difficult to visually separate it from the final output especially when the thinking section is large in size. The current bar it has is nice, but not enough. The lack of clear distinction makes it hard to focus on the actual answer when the thinking is visible at the same time and I often need to find where the actual output begins. ### Desired Solution you'd like **Change the AI’s thinking text output colour to 50-60% opacity to better distinguish it from the actual response.** Honestly, that combined with _italic_ styling would look great. This would help improve the overall UI/UX by creating a clearer visual hierarchy and enhancing the aesthetics. _For example compare to how this phrase is visually separated from the actual suggestion. This is just an addition, but it’s immediately clear that its importance is secondary. Same logic applies to commenting in coding environments._ ### Alternatives Considered _No response_ ### Additional Context _No response_
GiteaMirror commented 2026-05-05 18:43:48 -05:00
Author
Owner
Copy Link

@tjbck commented on GitHub (Jun 17, 2025):

Visual mockups?

<!-- gh-comment-id:2979395660 --> @tjbck commented on GitHub (Jun 17, 2025): Visual mockups?
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#56112
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?