Last Comment Bug 1269730 - Firebug theme - Adjust UI of logs view in Console panel
: Firebug theme - Adjust UI of logs view in Console panel
Status: NEW
Product: Firefox
Classification: Client Software
Component: Developer Tools (show other bugs)
: 51 Branch
: Unspecified Unspecified
P2 normal with 1 vote (vote)
: ---
Assigned To: Nobody; OK to take it and work on it
: J. Ryan Stinnett [:jryans] (use ni?)
Depends on:
Blocks: improve-fb-theme
  Show dependency treegraph
Reported: 2016-05-03 05:46 PDT by Sebastian Zartner [:sebo]
Modified: 2017-02-08 13:27 PST (History)
4 users (show)
ntim.bugs: needinfo? (hholmes)
See Also:
Crash Signature:
QA Whiteboard:
Iteration: ---
Points: ---
Has Regression Range: ---
Has STR: ---

Firebug Console in comparison with DevTools' Console panel (124.43 KB, image/png)
2016-11-17 00:39 PST, Sebastian Zartner [:sebo]
no flags Details

Description User image Sebastian Zartner [:sebo] 2016-05-03 05:46:28 PDT
When using the Firebug theme the console messages should use the formattings and icons of Firebug 2.

Comment 1 User image Sebastian Zartner [:sebo] 2016-11-17 00:39:12 PST
Created attachment 8811629 [details]
Firebug Console in comparison with DevTools' Console panel

Using the Firebug theme the UI of the Console panel still has some differences to the Firebug extension. See the attached screenshot for comparison.
Parts of the differences were noted in the Firebug discussion group[1].

Here's a list of differences, which should be adjusted:

- Background color is slightly darker
- Logged elements have bold tag names and they use different colors
- Source links are not bold and their line and column numbers are red (colors might be ok, though)
- Icons differ
- Groups have a white background and don't have borders around their contents
- Functions in stack are missing their call parameters and are red, source links show the full URL
- XHRs have a white background and are missing the HTTP status, load time and source link


Comment 2 User image (Unavailable until Apr 3) [:bgrins] 2016-11-17 08:11:32 PST
Thanks for the comparison
Comment 3 User image Tim Nguyen :ntim 2016-11-17 09:49:22 PST
I think we might want to revisit the light/dark theme look to be more similar to Firebug. 
I like the following things from Firebug:
- color-codes the message icons (red for error, yellow for warning, blue for info)
- messages are clearly separated by separators
- the icons are bigger

We might want to take Safari's console as inspiration (which is pretty similar to Firebug).

Helen, what do you think ?

Note You need to log in before you can comment on or make changes to this bug.