js_path

card-mod-helper

A Home Assistant tool for figuring out card-mod element selectors for themes

Open Chrome DevTools by right-clicking on a card and selecting Inspect
or press ⌘⌥C (Mac) or Control+Shift+C (Windows, Linux)
Right-click on a DOM node in the Elements Panel and select Copy → Copy JS path
Paste in JS path and click "Convert JS path"

Sample input...

card-mod:

Buy Me A Coffee

Learn more
https://github.com/thomasloven/lovelace-card-mod/wiki/Card-mod-Themes/

Questions
https://community.home-assistant.io/t/card-mod-add-css-styles-to-any-lovelace-card/120744
https://community.home-assistant.io/t/card-mod-super-charge-your-themes/212176

Remember to
https://my.home-assistant.io/redirect/developer_call_service/?service=frontend.reload_themes

Example
https://github.com/matt8707/hass-config/blob/master/themes.yaml

Contribute
https://github.com/matt8707/card-mod-helper

Aha! Click the "card-mod-helper" title to paste → convert → copy, all-in-one!