[Webkit-unassigned] [Bug 108852] New: Web Inspector: Get array of used CSS colors on a page

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=108852

           Summary: Web Inspector: Get array of used CSS colors on a page
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: All
        OS/Version: All
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: Web Inspector
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: briangrinstead at gmail.com
                CC: keishi at webkit.org, pmuellr at yahoo.com,
                    pfeldman at chromium.org, yurys at chromium.org,
                    apavlov at chromium.org, loislo at chromium.org,
                    vsevik at chromium.org,
                    web-inspector-bugs at googlegroups.com


I have been working on a feature for the colorpicker within devtools, in which you have a palette of colors to make it easier to choose from colors already in use on the page.

The swatches were actually a relatively easy feature to add by reusing the WebInspector.ColorSwatch component.  However, I am stuck now  trying to find a list of colors in use on the current page, preferably sorted by most used.  I understand that this could be slow, so it wouldn't have to be perfect (getting computed styles on elements wouldn't be needed, maybe just parsing out the stylesheets included on the page, and reading colors from it).  I've tried to do this in a few different ways, but haven't been able to figure it out.

Here is a screenshot of the swatches working (it being bound to a hardcoded array of colors right now): https://twitter.com/bgrins/status/297490942766759936.  Any ideas on if this would be doable from within devtools?

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.