213394 2020-06-19 11:32:43 -0700 When in dark mode, switching to a light theme on the page results in invisible (light) scrollbars 2021-06-17 05:25:44 -0700 1 1 1 Unclassified WebKit Scrolling Safari Technology Preview Mac macOS 10.15 NEW https://twitter.com/anthony_ricaud/status/1273751909573234689?s=20 InRadar P2 Major --- 1 sean_patterson webkit-unassigned aestes rik sean_patterson simon.fraser webkit-bug-importer oldest_to_newest 1664432 0 sean_patterson 2020-06-19 11:32:43 -0700 See https://twitter.com/anthony_ricaud/status/1273751909573234689?s=20 It was reported on Release 108 (Safari 13.2, WebKit 15610.1.16.3) macOS 10.15.5 It appears the scrollbars aren't updating in while in dark mode. I have yet to confirm. 1664437 1 webkit-bug-importer 2020-06-19 11:42:22 -0700 <rdar://problem/64538999> 1664469 2 402309 rik 2020-06-19 12:59:33 -0700 Created attachment 402309 Reduced Testcase With this reduced testcase, it seems the scrollbar color does not adapt to the background color in Dark mode with `color-scheme: light dark`. If you remove `color-scheme: light dark`, the scrollbar always adapts to the background color. 1664489 3 simon.fraser 2020-06-19 13:36:52 -0700 When the page is in light mode, and the OS is dark mode, FrameView::recalculateScrollbarOverlayStyle() computes an overlay scrollbar style of ScrollbarOverlayStyleDefault, which I think means "use the OS default" which gives the wrong color. 402309 2020-06-19 12:59:33 -0700 2020-06-19 13:28:51 -0700 Reduced Testcase file_213394.txt text/html 976 rik PHN0eWxlPg0KaHRtbCB7DQoJY29sb3Itc2NoZW1lOiBsaWdodCBkYXJrOw0KCWhlaWdodDogMjAw dmg7DQoJZm9udC1mYW1pbHk6IHN5c3RlbS11aTsNCgljb2xvcjogYmxhY2s7DQoJYmFja2dyb3Vu ZC1jb2xvcjogd2hpdGU7DQoNCn0NCmRpdiB7DQoJcG9zaXRpb246Zml4ZWQ7DQp9DQpidXR0b24g ew0KCWJvcmRlcjogMXB4IHNvbGlkOw0KfQ0KLmZvcmNlLW9wcG9zaXRlIHsNCgliYWNrZ3JvdW5k LWNvbG9yOiBibGFjazsNCgljb2xvcjogd2hpdGU7DQp9DQpAbWVkaWEgKHByZWZlcnMtY29sb3It c2NoZW1lOiBkYXJrKSB7DQoJaHRtbCB7DQoJCWNvbG9yOiB3aGl0ZTsNCgkJYmFja2dyb3VuZC1j b2xvcjogYmxhY2s7DQoJfQ0KDQoJLmZvcmNlLW9wcG9zaXRlIHsNCgkJYmFja2dyb3VuZC1jb2xv cjogd2hpdGU7DQoJCWNvbG9yOiBibGFjazsNCgl9DQp9DQo8L3N0eWxlPg0KPGRpdj4NCgk8YnV0 dG9uPlRvZ2dsZTwvYnV0dG9uPg0KCTx0YWJsZT4NCgkJPHRoZWFkPg0KCQkJPHRyPg0KCQkJCTx0 aD5PUw0KCQkJCTx0aD5QYWdlDQoJCQkJPHRoPlNjcm9sbGJhcg0KCQkJPC90cj4NCgkJPC90aGVh ZD4NCgkJPHRyPg0KCQkJPHRkPkxpZ2h0DQoJCQk8dGQ+Tm9ybWFsDQoJCQk8dGg+T0sNCgkJPC90 cj4NCgkJPHRyPg0KCQkJPHRkPkxpZ2h0DQoJCQk8dGQ+T3Bwb3NpdGUNCgkJCTx0aD5PSw0KCQk8 L3RyPg0KCQk8dHI+DQoJCQk8dGQ+RGFyaw0KCQkJPHRkPk5vcm1hbA0KCQkJPHRoPk9LDQoJCTwv dHI+DQoJCTx0cj4NCgkJCTx0ZD5EYXJrDQoJCQk8dGQ+T3Bwb3NpdGUNCgkJCTx0aD5LTw0KCQk8 L3RyPg0KDQoNCjwvZGl2Pg0KDQo8c2NyaXB0Pg0KZG9jdW1lbnQucXVlcnlTZWxlY3RvcignYnV0 dG9uJykuYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCBmdW5jdGlvbigpIHsNCglkb2N1bWVudC5k b2N1bWVudEVsZW1lbnQuY2xhc3NMaXN0LnRvZ2dsZSgnZm9yY2Utb3Bwb3NpdGUnKQ0KfSkNCjwv c2NyaXB0Pg==