Ekstractor CSS varijabli boja
Pronađite svaku boju u CSS-u i pretvorite je u ponovno upotrebljiva svojstva.
Ekstractor CSS varijabli boja
Zalijepite pristupačni list i ovaj alat skenira svaku deklaraciju tražeći vrijednosti boja napisane kao hex, rgb()/rgba() ili hsl()/hsla(), a zatim ponovno napišite pravila tako da referenciraju svojstva umjesto ponavljanja iste vrijednosti svugdje. Izgrađen je za čišćenje arkusa stilova koji je organski rastao — redizajn, spajanje biblioteke komponenti ili CSS izvučen iz alata za dizajn — gdje ista plava boja završi tipizirana na desetke malo drugačijih načina.
Mogućnost nazivanja kontrolira kako se svaka varijabla imenuje: prema redoslijedu prve pojave (--color-1, --color-2…), prema približnoj toni i svjetlosti (--color-dark-blue, --color-light-gray), ili prema svojstvu na kojem se prvi puta pojavljuje (--color-background, --color-border). Uključite "spoji jednake boje napisane drugačije" da ugnjetete #ff0000, rgb(255, 0, 0) i hsl(0, 100%, 50%) u jednu varijablu čak i ako se izvorni tekst razlikuje; identične vrijednosti se uvijek spajaju bez obzira na to. Klizač sličnosti ide dalje i spaja nijanse koje su bliske ali ne identične — korisno kada se paleta nakupila bliskih duplikata sivih ili plavih boja koje nitko nije namjeravao stvoriti. Odaberite je li generirani blok sjedišta ispod :root ili prilagođenog selektora, odaberite zapis u kojem se varijable ispisuju, ili se prebacite na obranu listu boja i brojeva pojava kada želite samo reviziju umjesto prebrisavanja.
Skener gleda samo unutar stvarnih vrijednosti deklaracija, tako da nikada ne miješa selektor ID-a poput #abcabc s bojom, i ostavlja komentare, navedene nizove i sadržaj url() potpuno netaknute. Završavanja redaka Windows i Unix oba rade, a alat nije prevaren ugniježđenim funkcijama poput boje unutar popisa gradijenta.