CSS-Variablen Extrahierer
Alle im CSS-Code definierten Variablen (--var) in einer Liste erfassen
Scannt CSS-Stylesheets nach Custom Properties und listet Namen sowie Werte auf.
도구를 불러오는 중…
🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.
Anleitung
- Fügen Sie den CSS-Code ein.
- Klicken Sie auf Variablen extrahieren.
- Kopieren Sie die Variablen zur Nutzung in Ihren Dateien.
FAQ
- Wird die Liste gefiltert?
- Ja, über die Suchmaske können Sie gezielt nach Variablennamen filtern.
- Werden auch Variablen erfasst, die innerhalb einer bestimmten Klasse wie .dark-mode statt in :root deklariert sind?
- Ja — das Tool sucht das Deklarationsmuster für benutzerdefinierte CSS-Eigenschaften (beginnend mit --) unabhängig vom umgebenden Selektor, sodass auch Theme-Variablen innerhalb einer Klasse wie .dark-mode oder eines Selektors wie [data-theme="dark"] erfasst werden. Da die Liste nicht festhält, zu welchem Selektor eine Variable gehörte, kann eine gleichnamige Variable, die unter mehreren Selektoren mit unterschiedlichen Werten deklariert ist, mehrfach im Ergebnis erscheinen.
- Werden auch Variablen erfasst, die innerhalb einer bestimmten Klasse wie .dark-mode statt in :root deklariert sind?
- Ja — das Tool sucht das Deklarationsmuster für benutzerdefinierte CSS-Eigenschaften (beginnend mit --) unabhängig vom umgebenden Selektor, sodass auch Theme-Variablen innerhalb einer Klasse wie .dark-mode oder eines Selektors wie [data-theme="dark"] erfasst werden. Da die Liste nicht festhält, zu welchem Selektor eine Variable gehörte, kann eine gleichnamige Variable, die unter mehreren Selektoren mit unterschiedlichen Werten deklariert ist, mehrfach im Ergebnis erscheinen.