Gitea scrollbar in Safari is ugly #10721

Closed
opened 2025-11-02 09:16:38 -06:00 by GiteaMirror · 3 comments
Owner

Originally created by @wxiaoguang on GitHub (Apr 25, 2023).

Originally assigned to: @silverwind on GitHub.

image

Gitea Version

1.19/main

Originally created by @wxiaoguang on GitHub (Apr 25, 2023). Originally assigned to: @silverwind on GitHub. ![image](https://user-images.githubusercontent.com/2114189/234200345-30449901-6216-4da4-8e5d-98c9d820ae9d.png) ### Gitea Version 1.19/main
GiteaMirror added the type/bug label 2025-11-02 09:16:38 -06:00
Author
Owner

@silverwind commented on GitHub (Apr 25, 2023):

Can reproduce, but only in light theme. Wonder where that green is coming from, it also appears on the off-screen background when scrolling the page up with rubber-band scrolling.

@silverwind commented on GitHub (Apr 25, 2023): Can reproduce, but only in light theme. Wonder where that green is coming from, it also appears on the off-screen background when scrolling the page up with rubber-band scrolling.
Author
Owner

@silverwind commented on GitHub (Apr 25, 2023):

It comes from HTML theme-color which Safari apparently now uses to color out-of-viewport content like scrollbar or overscroll area.

@silverwind commented on GitHub (Apr 25, 2023): It comes from HTML [`theme-color`](https://stackoverflow.com/a/70001634/808699) which Safari apparently now uses to color out-of-viewport content like scrollbar or overscroll area.
Author
Owner

@silverwind commented on GitHub (Apr 25, 2023):

We could automatically to set theme-color via JS to match the current theme's --color-body so browser chrome on IOS and overflow match the body color, but that also means the color no longer be controlled via HTML, and I wonder if we should just remove the THEME_COLOR_META_TAG setting we have.

More info: https://css-tricks.com/meta-theme-color-and-trickery/

@silverwind commented on GitHub (Apr 25, 2023): We could automatically to set `theme-color` via JS to match the current theme's `--color-body` so browser chrome on IOS and overflow match the body color, but that also means the color no longer be controlled via HTML, and I wonder if we should just remove the `THEME_COLOR_META_TAG` setting we have. More info: https://css-tricks.com/meta-theme-color-and-trickery/
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/gitea#10721