[Webkit-unassigned] [Bug 206771] Nested container scrollbars always follow dark theme preference

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=206771

--- Comment #3 from Sepand Parhami <sparhami at apple.com> ---
(In reply to Liam DeBeasi from comment #2)
> I am also running into this issue on macOS Safari. Non-body scrollable
> containers do not update the scrollbar styling for dark mode. The current
> behavior is that the scrollbars always appear with a light theme.
> 
> Steps to Reproduce:
> 
> 1. Open this CodePen in macOS Safari:
> https://codepen.io/liamdebeasi/pen/poJYygy
> 2. Open System Preferences and go to "General".
> 3. Set "Appearance" to "Light".
> 4. Set "Show scroll bars" to "Always". A light-themed scrollbar should now
> be visible on the scrollable div in the CodePen.
> 5. Set "Appearance" to "Dark" in System Preferences.
> 6. You should notice that the scrollbar remains light-themed.
> 
> In this case, I would expect that the scrollbar's styling would become dark
> themed.
> 
> Tested on Safari 13.1 on macOS 10.15.4

You will want to indicate that you support the dark color scheme:

```
body {
  color-scheme: light dark;
}
```

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20200331/ab1e2bea/attachment-0001.htm>