I have searched the existing issues and discussions.
I am using the latest version of Open WebUI.
Installation Method
Pip Install
Open WebUI Version
v0.6.10
Ollama Version (if applicable)
No response
Operating System
Ubuntu 24.04
Browser (if applicable)
Chrome (light mode)
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 listed steps to reproduce the bug in detail.
Expected Behavior
The toggles should have the same colors.
Actual Behavior
The custom toggle from a function and code interpreter have a different color than the web search one. The Web Search toggle is colored in blue (bg-blue-100) and the others are light grey which is very difficult to see in light mode (bg-gray-50).
Steps to Reproduce
Add the function below to the model
Click it to toggle
frompydanticimportBaseModel,FieldfromtypingimportOptionalclassFilter:classValves(BaseModel):passdef__init__(self):self.valves=self.Valves()self.toggle=True# TIP: Use SVG Data URI!self.icon="""data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xMiAxOHYtNS4yNW0wIDBhNi4wMSA2LjAxIDAgMCAwIDEuNS0uMTg5bS0xLjUuMTg5YTYuMDEgNi4wMSAwIDAgMS0xLjUtLjE4OW0zLjc1IDcuNDc4YTEyLjA2IDEyLjA2IDAgMCAxLTQuNSAwbTMuNzUgMi4zODNhMTQuNDA2IDE0LjQwNiAwIDAgMS0zIDBNMTQuMjUgMTh2LS4xOTJjMC0uOTgzLjY1OC0xLjgyMyAxLjUwOC0yLjMxNmE3LjUgNy41IDAgMSAwLTcuNTE3IDBjLjg1LjQ5MyAxLjUwOSAxLjMzMyAxLjUwOSAyLjMxNlYxOCIgLz4KPC9zdmc+Cg=="""passasyncdefinlet(self,body:dict,__event_emitter__,__user__:Optional[dict]=None)->dict:await__event_emitter__({"type":"status","data":{"description":"Toggled!!","done":True,"hidden":False,},})returnbody
Originally created by @mrexodia on GitHub (May 23, 2025).
Original GitHub issue: https://github.com/open-webui/open-webui/issues/14230
### Check Existing Issues
- [x] I have searched the existing issues and discussions.
- [x] I am using the latest version of Open WebUI.
### Installation Method
Pip Install
### Open WebUI Version
v0.6.10
### Ollama Version (if applicable)
_No response_
### Operating System
Ubuntu 24.04
### Browser (if applicable)
Chrome (light mode)
### 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 listed steps to reproduce the bug in detail.
### Expected Behavior
The toggles should have the same colors.
### Actual Behavior
The custom toggle from a function and code interpreter have a different color than the web search one. The Web Search toggle is colored in blue (`bg-blue-100`) and the others are light grey which is very difficult to see in light mode (`bg-gray-50`).
### Steps to Reproduce
1. Add the function below to the model
2. Click it to toggle
```python
from pydantic import BaseModel, Field
from typing import Optional
class Filter:
class Valves(BaseModel):
pass
def __init__(self):
self.valves = self.Valves()
self.toggle = True
# TIP: Use SVG Data URI!
self.icon = """data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xMiAxOHYtNS4yNW0wIDBhNi4wMSA2LjAxIDAgMCAwIDEuNS0uMTg5bS0xLjUuMTg5YTYuMDEgNi4wMSAwIDAgMS0xLjUtLjE4OW0zLjc1IDcuNDc4YTEyLjA2IDEyLjA2IDAgMCAxLTQuNSAwbTMuNzUgMi4zODNhMTQuNDA2IDE0LjQwNiAwIDAgMS0zIDBNMTQuMjUgMTh2LS4xOTJjMC0uOTgzLjY1OC0xLjgyMyAxLjUwOC0yLjMxNmE3LjUgNy41IDAgMSAwLTcuNTE3IDBjLjg1LjQ5MyAxLjUwOSAxLjMzMyAxLjUwOSAyLjMxNlYxOCIgLz4KPC9zdmc+Cg=="""
pass
async def inlet(
self, body: dict, __event_emitter__, __user__: Optional[dict] = None
) -> dict:
await __event_emitter__(
{
"type": "status",
"data": {
"description": "Toggled!!",
"done": True,
"hidden": False,
},
}
)
return body
```
### Logs & Screenshots
https://github.com/user-attachments/assets/235887f3-9dc9-487a-9d88-b9c4b76a5c0b
### Additional Information
_No response_
GiteaMirror
added the bug label 2026-04-19 22:54:59 -05:00
It is already changed in dev but this is not an issue. It is a screen/contrast problem. Too high contrast and the grey color disappear everywhere anyway.
Your recording looks fine here.
<!-- gh-comment-id:2904970660 -->
@Zyfax commented on GitHub (May 23, 2025):
It is already changed in dev but this is not an issue. It is a screen/contrast problem. Too high contrast and the grey color disappear everywhere anyway.
Your recording looks fine here.
This is because the icon is set as <img src=base64 instead of actually inserting a <svg. I believe this issue has not been resolved and should be reopened.
<!-- gh-comment-id:2972768585 -->
@lehhair commented on GitHub (Jun 14, 2025):
This is because the icon is set as <img src=base64 instead of actually inserting a <svg. I believe this issue has not been resolved and should be reopened.
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
Originally created by @mrexodia on GitHub (May 23, 2025).
Original GitHub issue: https://github.com/open-webui/open-webui/issues/14230
Check Existing Issues
Installation Method
Pip Install
Open WebUI Version
v0.6.10
Ollama Version (if applicable)
No response
Operating System
Ubuntu 24.04
Browser (if applicable)
Chrome (light mode)
Confirmation
README.md.Expected Behavior
The toggles should have the same colors.
Actual Behavior
The custom toggle from a function and code interpreter have a different color than the web search one. The Web Search toggle is colored in blue (
bg-blue-100) and the others are light grey which is very difficult to see in light mode (bg-gray-50).Steps to Reproduce
Logs & Screenshots
https://github.com/user-attachments/assets/235887f3-9dc9-487a-9d88-b9c4b76a5c0b
Additional Information
No response
@mrexodia commented on GitHub (May 23, 2025):
Why was it closed, where you unable to reproduce?
@Zyfax commented on GitHub (May 23, 2025):
It is already changed in dev but this is not an issue. It is a screen/contrast problem. Too high contrast and the grey color disappear everywhere anyway.
Your recording looks fine here.
@lehhair commented on GitHub (Jun 14, 2025):
This is because the icon is set as <img src=base64 instead of actually inserting a <svg. I believe this issue has not been resolved and should be reopened.