What determines the color of the request in the Network tab in Chrome Developer Console?

Question

I have a response with status of 200 OK, but it is showing up as red in the list of network requests. I thought it was the status that would determine this but clearly there's something else. What is it?

Answer 1

This is from the Chromium Source Project: https://source.chromium.org/chromium/chromium/src/+/main:third_party/devtools-frontend/src/front_end/panels/network/NetworkWaterfallColumn.ts;l=138-149?q=waterfall%20color&ss=chromium%2Fchromium%2Fsrc

and

https://source.chromium.org/chromium/chromium/src/+/main:third_party/devtools-frontend/src/front_end/panels/timeline/TimelineUIUtils.ts;l=1662-1675?q=TimelineUIUtils&ss=chromium%2Fchromium%2Fsrc

Answer 2

In 2020 (at least in Chrome 80) there is no such color-coding

in the list of network requests

in Chrome Network tab. Items, as expected, red colored for error.

The link from @jaredwilli answer is now deprecated and has no info on request types' colors. Up to date link: https://developers.google.com/web/tools/chrome-devtools/network/reference

But in the settings there is a check box "Color-code resource types". It changes colors of watefall bars (not the colors of items in the list of network requests). And these bars become just a little bit reddish for fonts, and for scripts it's pastel orange now.

Also, for the frames of a WebSocket Connection

Messages are color-coded according to their type:

• Outgoing text messages are light-green.
• Incoming text messages are white.
• WebSocket opcodes are light-yellow.
• Errors are light-red.

Also, when hovering other requests with <Shift> pressed hovering other requests with <Shift> pressed, green is used for initiators of a request and red for dependencies