In error messages, only make the message red

I’m submitting a … (check one with “x”)

[ ] bug report => search github for a similar issue or PR before submitting
[x ] feature request
[ ] support request => Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question

Current behavior

Error messages appear with a massive amount of red text, which is very intimidating especially for new developers. They often take one look at it and then post questions for help instead of realizing that the message does contain the help they need.

Expected behavior

Consider only displaying the actual error message and its potential fixes in red. Display the file names, system messages and stack trace in some other color. That helps developers to focus in on the actual error and its recommended fix (if any).

Minimal reproduction of the problem with instructions

What is the motivation / use case for changing the behavior?

Please tell us about your environment:

• Angular version: 2.0.X

• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

• Language: [all | TypeScript X.X | ES6/7 | ES5]

• Node (for AoT issues): node --version =

[vicb]

@pkozlowski-opensource is right, it’s only a console.error()

I don’t think we want to implement browser specific behavior here (cf @arciisine) plus other people will probably start complaining it’s not red enough…

[arciisine]

Looks like it might be possible to support in Firefox/Chrome without much effort. http://stackoverflow.com/questions/7505623/colors-in-javascript-console