Unable to see the changing content in attributes of the element clearly

[otomad]

Using with Edge DevTools (both new DevTools UI and legacy DevTools UI) to inspect element, if some content in the DOM is changing, It will turn its background color into violet. However the text color of the attributes of elements is also violet. So I cannot see anything changing content clearly. This is very useful when debugging an incorrect animation classes.

2024-01-28.171743.mp4

When the animation frequency becomes fast enough, I can't even see anything clearly.

2024-01-28.173419.mp4

So I had to activate high contrast theme in order to see the content clearly.

2024-01-28.171840.mp4

But it works correctly in Chrome.

2024-01-28.172155.mp4

AB#48728993

[captainbrosset]

Thanks so much for filing this bug. This is probably a problem with the Edge DevTools theme CSS files. I'll make sure this is tracked on our team's backlog so we can get to it.

[dminhhoang26]

I think there is an issue with dev tool, dev tool is shown in split screen mode and a blank area above it.

[captainbrosset]

Thanks @dminhhoang26. I'm moving this to a new issue because this is unrelated to the attribute color problem that @otomad reported here.