[GH-ISSUE #14969] issue: Icon in iOS dark mode (Safari Bookmark on home screen) is round inside the squircle #56091

Closed
opened 2026-05-05 18:39:49 -05:00 by GiteaMirror · 1 comment
Owner

Originally created by @rollecode on GitHub (Jun 13, 2025).
Original GitHub issue: https://github.com/open-webui/open-webui/issues/14969

Check Existing Issues

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

Installation Method

Git Clone

Open WebUI Version

v0.6.14

Ollama Version (if applicable)

No response

Operating System

Pop!_OS (Ubuntu 22.04)

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

The icon should fill the squircle or act like WeatherToRun here. See the screenshot below.

With the following apple-touch-icon it works, but I am not sure how to add dark icon for dark mode. Usually it's done via SVG or having the favicon with transparent background color and icon in some color that works in both dark and light background.

Image

Actual Behavior

Circle favicon is oddly inside of the squircle.

Steps to Reproduce

  1. Open your open-webui instance on Safari Mobile (iOS 18.5)
  2. Press the share icon, select Add to Home Screen
  3. See light icon on home screen on light mode
  4. Long press an empty space on the home screen
  5. Press Edit button on top left corner of the screen
  6. Select Customise
  7. Select Dark in the bottom
  8. See odd icon

Logs & Screenshots

Additional Information

No response

Originally created by @rollecode on GitHub (Jun 13, 2025). Original GitHub issue: https://github.com/open-webui/open-webui/issues/14969 ### Check Existing Issues - [x] I have searched the existing issues and discussions. - [x] I am using the latest version of Open WebUI. ### Installation Method Git Clone ### Open WebUI Version v0.6.14 ### Ollama Version (if applicable) _No response_ ### Operating System Pop!_OS (Ubuntu 22.04) ### 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 The icon should fill the squircle or act like [WeatherToRun](https://www.weathertorun.app/) here. See the screenshot below. With the following apple-touch-icon it works, but I am not sure how to add dark icon for dark mode. Usually it's done via SVG or having the favicon with transparent background color and icon in some color that works in both dark and light background. ![Image](https://github.com/user-attachments/assets/b2f63010-8d3f-4df1-b302-def871e3f9de) ### Actual Behavior Circle favicon is oddly inside of the squircle. ### Steps to Reproduce 1. Open your open-webui instance on Safari Mobile (iOS 18.5) 2. Press the share icon, select **Add to Home Screen** 3. See light icon on home screen on light mode 4. Long press an empty space on the home screen 5. Press **Edit** button on top left corner of the screen 6. Select **Customise** 7. Select **Dark** in the bottom 8. See odd icon ### Logs & Screenshots <img src="https://github.com/user-attachments/assets/5183fe23-78bb-4649-a555-1af9706b31f4" width="600" /> ### Additional Information _No response_
GiteaMirror added the bug label 2026-05-05 18:39:49 -05:00
Author
Owner

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

Should be addressed with 090234735a, let me know if the issue persists!

<!-- gh-comment-id:2975530561 --> @tjbck commented on GitHub (Jun 16, 2025): Should be addressed with 090234735a6bd308eb13d3117f64c3afc5580367, let me know if the issue persists!
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#56091