Web Inspector: Timelines Tab: Screenshots: white images blend in with…

… the background

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

Reviewed by Patrick Angle.

* Source/WebInspectorUI/UserInterface/Views/ScreenshotsTimelineView.css:
(.timeline-view.screenshots):
(@media (prefers-color-scheme: dark) .timeline-view.screenshots): Added.

Canonical link: https://commits.webkit.org/250928@main
git-svn-id: https://svn.webkit.org/repository/webkit/trunk@294761 268f45cc-cd09-0410-ab3c-d52691b4dbfc

Source/WebInspectorUI/UserInterface/Views/ScreenshotsTimelineView.css

@@ -27,6 +27,7 @@
     white-space: nowrap; 
     overflow-x: auto;
     scroll-snap-type: x mandatory;
+    background-color: hsl(0, 0%, 90%);
 }
 
 .timeline-view.screenshots > img {
@@ -41,3 +42,9 @@
     border-color: var(--glyph-color-active);
     scroll-snap-align: center;
 }
+
+@media (prefers-color-scheme: dark) {
+    .timeline-view.screenshots {
+        background-color: hsl(0, 0%, 14%);
+    }
+}