Branch: refs/heads/main
  Home:   https://github.com/WebKit/WebKit
  Commit: 86929c4ad2d511dab9545af2674218a2c982eba7
      
https://github.com/WebKit/WebKit/commit/86929c4ad2d511dab9545af2674218a2c982eba7
  Author: Vitaly Dyachkov <[email protected]>
  Date:   2026-05-11 (Mon, 11 May 2026)

  Changed paths:
    M Source/WebInspectorUI/UserInterface/Images/TypeIcons.svg
    M Source/WebInspectorUI/UserInterface/Views/TimelineRecordBar.css

  Log Message:
  -----------
  Web Inspector: Give style events unique color
https://bugs.webkit.org/show_bug.cgi?id=314193

Reviewed by Devin Rousso.

Style events such as "Style Invalidated" and "Style Recalculated" use
the same color as layout events, making it hard to recognize them at
glance in Timeline view.

Use `beige` color for style events icon and segments to match the color
used in the CPU timeline.

Also, change the color of "Garbage Collected" events to `grey` to make
them more distinguishable from style events in the overview.

* Source/WebInspectorUI/UserInterface/Images/TypeIcons.svg:
* Source/WebInspectorUI/UserInterface/Views/TimelineRecordBar.css:
(.timeline-record-bar.timeline-record-type-layout.invalidate-styles > 
.segment,):
(.timeline-record-bar.timeline-record-type-script.garbage-collected > 
.segment,):

Canonical link: https://commits.webkit.org/312995@main



To unsubscribe from these emails, change your notification settings at 
https://github.com/WebKit/WebKit/settings/notifications

Reply via email to