colors

3 views
Skip to first unread message

ed

unread,
Oct 1, 2010, 12:09:40 PM10/1/10
to Firebug
Sometimes I have trouble reading the HTML. Nodes that aren't visible,
whether they're display:none, or because they're not in the document's
DOM tree yet, are a pale shade of the html coloring, which is fine.
However, when these nodes are selected, the colors turn to a powder
blue on a gray background. There's just not enough contrast to be able
to read the HTML text.

Can we lighten the background color (I find the gray awfully heavy,
even behind black text of visible elements) and darken the text color?
And maybe pick colors across from each other on the color wheel?

This has been bothering me for a while, but is really hampering my
work this morning, so I got motivated to say something.
Thanks for your work,
ed

Jan Odvarko

unread,
Oct 4, 2010, 7:54:59 AM10/4/10
to fir...@googlegroups.com
What Firebug version do you use?

I have tried that with Firebug 1.6 and selected HTML nodes (in the HTML panel) are always using blue background with white text, doesn't matter if the selected node is currently visible or not.

http://getfirebug.com/releases/firebug/1.6X/firebug-1.6X.0b1.xpi

I am attaching a screenshot.

But perhaps, I don't understand the problem well?

Honza



--
You received this message because you are subscribed to the Google Groups "Firebug" group.
To post to this group, send email to fir...@googlegroups.com.
To unsubscribe from this group, send email to firebug+u...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/firebug?hl=en.


htmlpanel.png

Ed Schiebel

unread,
Oct 4, 2010, 1:14:32 PM10/4/10
to fir...@googlegroups.com
I see this problem with both 1.5.4 and 1.6b1 running in firefox 3.6.10 (though it's been this way for a long time). I've attached 3 images.
normal_div shows a normal, visible div highlighted in the HTML tab
hidden_div shows a div with style="display:none" highlighted in the HTML tab
orphan_div shows a div created via document.createElement("div"), but not added to the document yet. To get this, I used the console to show me orphan_div, then clicked on the link.

as you can see, in the last 2, the HTML is unreadable.
--ed

 Topic: colors

     
    What Firebug version do you use?
     
    I have tried that with Firebug 1.6 and selected HTML nodes (in the HTML
    panel) are always using blue background with white text, doesn't matter if
    the selected node is currently visible or not.
     
    http://getfirebug.com/releases/firebug/1.6X/firebug-1.6X.0b1.xpi
     
    I am attaching a screenshot.
     
    But perhaps, I don't understand the problem well?
     
    Honza
     
     

     

      aj3423 <aj3...@gmail.com> Oct 04 06:13PM +0800 ^
       
      in some debugger like ollydbg, user can set a break point to a memory
      address, when there is a read/write access to that memory address, the
      debugger will break. I think it is very useful in javascript debugging.
      Sometime my variable value is changed and I couldn't found where it is
      modified. It'll be great if I can set a variable break point to variables
      like a.b.c, then it breaks when the code does a.b.c = 123,
      Is it possible for the enhancement? Will firebug add the new 'variable break
      point' in the future version?
       
      Thanks.

       

      "Honza (Jan Odvarko)" <odv...@gmail.com> Oct 04 04:41AM -0700 ^
       
      There is already partial support for this within the DOM panel.
       
      For example, if you have an object a = {prop1: 1, prop2: 2} you can
      create a breakpoint for its properties.
       
      1) Select the DOM panel
      2) Expand the object |a|
      3) Create a breakpoint for |prop1| by clicking on the breakpoint
      column.
      4) Change the value -> Firebug's debugger should break and switch to
      the Script panel showing the source line that caused the break;
       
      See more here:
      http://getfirebug.com/doc/breakpoints/demo.html#dom
       
       
      Honza
       
       
       

       

      "Honza (Jan Odvarko)" <odv...@gmail.com> Oct 04 04:37AM -0700 ^
       
      > Off line Honza and I agreed to just let the Persist be manual: you
      > will accumulate net traffic until you press it off.
      Will be in Firebug 1.7a3
      Honza

       

    normal_div.jpg
    hidden_div.jpg
    orphan_div.jpg

    ed

    unread,
    Oct 4, 2010, 1:19:15 PM10/4/10
    to Firebug
    I should have included that I'm running windows xp professional sp3

    On Oct 4, 1:14 pm, Ed Schiebel <eschie...@gmail.com> wrote:
    > I see this problem with both 1.5.4 and 1.6b1 running in firefox 3.6.10
    > (though it's been this way for a long time). I've attached 3 images.
    > normal_div shows a normal, visible div highlighted in the HTML tab
    > hidden_div shows a div with style="display:none" highlighted in the HTML tab
    > orphan_div shows a div created via document.createElement("div"), but not
    > added to the document yet. To get this, I used the console to show me
    > orphan_div, then clicked on the link.
    >
    > as you can see, in the last 2, the HTML is unreadable.
    > --ed
    >
    >
    >
    >
    >
    >
    >
    >
    >
    > >   Topic: colors<http://groups.google.com/group/firebug/t/9a5f273c3710be36>
    >
    > >    Jan Odvarko <odva...@gmail.com> Oct 04 01:54PM +0200 ^<#12b781ebb1f38450_digest_top>
    >
    > >    What Firebug version do you use?
    >
    > >    I have tried that with Firebug 1.6 and selected HTML nodes (in the HTML
    > >    panel) are always using blue background with white text, doesn't matter
    > >    if
    > >    the selected node is currently visible or not.
    >
    > >    http://getfirebug.com/releases/firebug/1.6X/firebug-1.6X.0b1.xpi
    >
    > >    I am attaching a screenshot.
    >
    > >    But perhaps, I don't understand the problem well?
    >
    > >    Honza
    >
    > >   Topic: New Feature Request: Saving Profiles<http://groups.google.com/group/firebug/t/b069070d680c6163>
    >
    > >    "Honza (Jan Odvarko)" <odva...@gmail.com> Oct 04 04:47AM -0700 ^<#12b781ebb1f38450_digest_top>
    >
    > >    Seehttps://addons.mozilla.org/en-US/firefox/addon/2108/
    >
    > >    Honza
    >
    > >   Topic: about memory breakpoint<http://groups.google.com/group/firebug/t/9d187c503bb7ee36>
    >
    > >    aj3423 <aj3...@gmail.com> Oct 04 06:13PM +0800 ^<#12b781ebb1f38450_digest_top>
    >
    > >    in some debugger like ollydbg, user can set a break point to a memory
    > >    address, when there is a read/write access to that memory address, the
    > >    debugger will break. I think it is very useful in javascript debugging.
    > >    Sometime my variable value is changed and I couldn't found where it is
    > >    modified. It'll be great if I can set a variable break point to
    > >    variables
    > >    like a.b.c, then it breaks when the code does a.b.c = 123,
    > >    Is it possible for the enhancement? Will firebug add the new 'variable
    > >    break
    > >    point' in the future version?
    >
    > >    Thanks.
    >
    > >    "Honza (Jan Odvarko)" <odva...@gmail.com> Oct 04 04:41AM -0700 ^<#12b781ebb1f38450_digest_top>
    >
    > >    There is already partial support for this within the DOM panel.
    >
    > >    For example, if you have an object a = {prop1: 1, prop2: 2} you can
    > >    create a breakpoint for its properties.
    >
    > >    1) Select the DOM panel
    > >    2) Expand the object |a|
    > >    3) Create a breakpoint for |prop1| by clicking on the breakpoint
    > >    column.
    > >    4) Change the value -> Firebug's debugger should break and switch to
    > >    the Script panel showing the source line that caused the break;
    >
    > >    See more here:
    > >    http://getfirebug.com/doc/breakpoints/demo.html#dom
    >
    > >    Honza
    >
    > >   Topic: Firebug : How to make net tab persistent?<http://groups.google.com/group/firebug/t/f6a170f73054ba71>
    >
    > >    "Honza (Jan Odvarko)" <odva...@gmail.com> Oct 04 04:37AM -0700 ^<#12b781ebb1f38450_digest_top>
    >
    > >    > Off line Honza and I agreed to just let the Persist be manual: you
    > >    > will accumulate net traffic until you press it off.
    > >    Will be in Firebug 1.7a3
    > >    Honza
    >
    > >  --
    > > You received this message because you are subscribed to the Google Groups
    > > "Firebug" group.
    > > To post to this group, send email to fir...@googlegroups.com.
    > > To unsubscribe from this group, send email to
    > > firebug+u...@googlegroups.com<firebug%2Bunsu...@googlegroups.com >
    > > .
    > > For more options, visit this group at
    > >http://groups.google.com/group/firebug?hl=en.
    >
    >
    >
    >  normal_div.jpg
    > 53KViewDownload
    >
    >  hidden_div.jpg
    > 52KViewDownload
    >
    >  orphan_div.jpg
    > 55KViewDownload

    Honza (Jan Odvarko)

    unread,
    Oct 4, 2010, 1:34:43 PM10/4/10
    to Firebug
    > I should have included that I'm running windows xp professional sp3
    I am also running WinXP (on other machine), but my screen looks
    different comparing to your screenshot. What Firefox theme do you use?
    Or could it be a custom OS theme that could cause the difference?

    Honza

    Pedro Simonetti Garcia

    unread,
    Oct 4, 2010, 1:49:48 PM10/4/10
    to fir...@googlegroups.com
    Hi Ed and Honza,

    The "highlight" color is defined as a "system color", so it will
    depend on the color settings of the OS. I guess Ed is using a
    different color theme than the default, or classic.

    Anyway, in my opinion we should avoid using system colors because we
    can't predict what colors will be used, and therefore, we can't
    prevent color-contrast problems such as this one reported by Ed.

    regards,

    Pedro Simonetti.


    2010/10/4 Honza (Jan Odvarko) <odv...@gmail.com>:

    > To unsubscribe from this group, send email to firebug+u...@googlegroups.com.

    ed

    unread,
    Oct 4, 2010, 2:54:29 PM10/4/10
    to Firebug
    You're correct. I hadn't touched my theme, but this a work notebook
    that came to me with a corporate defined theme. I switched to "windows
    classic" and can read the html panel now. I'm with Pedro, though if
    firebug is going to participate in windows themes, it needs to use
    theme colors for foreground and background colors to avoid contrast
    issues.

    On Oct 4, 1:49 pm, Pedro Simonetti Garcia <pedrosimone...@gmail.com>
    wrote:
    > Hi Ed and Honza,
    >
    > The "highlight" color is defined as a "system color", so it will
    > depend on the color settings of the OS. I guess Ed is using a
    > different color theme than the default, or classic.
    >
    > Anyway, in my opinion we should avoid using system colors because we
    > can't predict what colors will be used, and therefore, we can't
    > prevent color-contrast problems such as this one reported by Ed.
    >
    > regards,
    >
    > Pedro Simonetti.
    >
    > 2010/10/4 Honza (Jan Odvarko) <odva...@gmail.com>:

    Jan Odvarko

    unread,
    Oct 4, 2010, 3:00:46 PM10/4/10
    to fir...@googlegroups.com
    Yep, make sense to me, please report a new issue so, it isn't forgotten here
    in the noise.

    http://code.google.com/p/fbug/issues/list?start=0

    Thanks!
    Honza

    Sebo

    unread,
    Oct 6, 2010, 5:40:10 AM10/6/10
    to Firebug
    Actually there is already an issue for this: http://code.google.com/p/fbug/issues/detail?id=791
    Though comment 3 of this issue is still waiting for further
    discussion...
    What shall we do with issue 3505?
    > > firebug+u...@googlegroups.com<firebug%2Bunsubscr...@googlegroups.co

    Honza (Jan Odvarko)

    unread,
    Oct 7, 2010, 9:57:10 AM10/7/10
    to Firebug


    On Oct 6, 11:40 am, Sebo <sebastianzart...@gmx.de> wrote:
    > Actually there is already an issue for this:http://code.google.com/p/fbug/issues/detail?id=791
    > Though comment 3 of this issue is still waiting for further
    > discussion...
    > What shall we do with issue 3505?
    I have marked it as a duplicate
    Honza
    Reply all
    Reply to author
    Forward
    0 new messages