Issue 5507: Allow displaying original color values

This test also covers issue 6730 and issue 6406.

CSS panel

Steps to reproduce

  1. Open Firebug
  2. Switch to the CSS panel
  3. Select issue5507.html from the location menu
  4. Check the panel option Colors As Authored
    ⇒ All colors should be displayed as they were defined, i.e. the rules should look like this:
    #element1 { color: #f00; background: linear-gradient(135deg, rgb(180, 200, 255), #788cff) repeat scroll 0 0 blue; } #element1 { color: green; } #element1 { color: rgba(0, 0, 255, 1); }
  5. Check the panel option Colors As Hex
    ⇒ All colors should be displayed in hexadecimal format.
  6. Check the panel option Colors As RGB
    ⇒ All colors should be displayed in RGB format.
  7. Check the panel option Colors As HSL
    ⇒ All colors should be displayed in HSL format.

Expected result

Style side panel

Steps to reproduce

  1. Open Firebug
  2. Switch to the HTML panel and in there to the Style side panel
  3. Inspect the blue <div> (#element1)
  4. Check the panel option Colors As Authored
    ⇒ The #element1 rules should be displayed like this:
    #element1 { color: rgba(0, 0, 255, 1); } #element1 { color: green; } #element1 { background: linear-gradient(135deg, rgb(180, 200, 255), #788cff) repeat scroll 0 0 blue; color: #f00; }
  5. Check the panel option Colors As Hex
    ⇒ All colors should be displayed in hexadecimal format.
  6. Check the panel option Colors As RGB
    ⇒ All colors should be displayed in RGB format.
  7. Check the panel option Colors As HSL
    ⇒ All colors should be displayed in HSL format.

Expected result

Computed side panel

Steps to reproduce

  1. Open Firebug
  2. Switch to the HTML panel and there to the Computed side panel
  3. Inspect the blue <div> (#element1)
  4. Expand the color property
  5. Check the panel option Colors As Authored
    ⇒ The style trace for the color property should be displayed like this:
    #element1 rgba(0,​ 0,​ 255,​ 1) #element1 green #element1 #f00
  6. Check the panel option Colors As Hex
    ⇒ All colors should be displayed in hexadecimal format.
  7. Check the panel option Colors As RGB
    ⇒ All colors should be displayed in RGB format.
  8. Check the panel option Colors As HSL
    ⇒ All colors should be displayed in HSL format.

Expected result