Closed Bug 1420195 Opened 7 years ago Closed 7 years ago

[improvement] In inspector, add color chooser to CSS custom properties.

Categories

(DevTools :: Inspector: Rules, enhancement)

57 Branch
enhancement
Not set
normal

Tracking

(Not tracked)

RESOLVED DUPLICATE of bug 1349826

People

(Reporter: toun1, Unassigned)

Details

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:57.0) Gecko/20100101 Firefox/57.0
Build ID: 20171115094908

Steps to reproduce:

That's not a bug but a proposal improvement. i don't know the way to do.
Proposal:
After open inspector tool, in inspector css rule. When you have defined a color into a CSS custom properties. Add possibility to use color chooser.
Code :
-- Start code
:root {
    --nav_button_color: #337ab7;
    --background_color: #999999;
    --third_color: #337ab7;
    --news_background_color : #112233;
}
a {
    color: var(--third_color);
}
-- End Code
The goal is define all colors(or more importants) in CSS custom properties to change and test easy some colors combinaitions.
It's possible but should be easier with color chooser.



Expected results:

Appear colors chooser on CSS custom properties when find css colors defination like "#337ab7" and other.
Severity: normal → enhancement
Component: Untriaged → Developer Tools: Inspector
Status: UNCONFIRMED → RESOLVED
Closed: 7 years ago
Component: Developer Tools: Inspector → Developer Tools: CSS Rules Inspector
Resolution: --- → DUPLICATE
Product: Firefox → DevTools
You need to log in before you can comment on or make changes to this bug.