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

New Issue

GiteaMirror · 2026-04-25T06:49:10-05:00

GiteaMirror commented

2026-04-25 06:49:10 -05:00

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 closed this issue

2026-04-25 06:49:11 -05:00

GiteaMirror commented

2026-04-25 06:49:12 -05:00

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

Visual mockups?

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

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/open-webui#32975