Documentation is also covered in the Videos.
Install the Browser Extension from the Chrome Web Store.
Once you've left the chromewebstore.google.com domain, open the DevTools and click on the “🎨 CSS Variables” pane.
All global CSS Variables that are valid colors will be shown in the Extension.
:root {
--primary: #845EF7;
}
.foo {
background: var(--primary);
}