css-var-editor

A dat.gui editor which will detect all root css variables of a site and presents them in the editor. From there you can preview you changes.

Install

Add this to your index.html

<script src="https://unpkg.com/css-var-editor"></script>

And you are done. Enjoy =)

Example

Demo

Bookmark snippet

javascript:(function(){s=document.createElement('script');s.type='text/javascript';s.src='https://unpkg.com/css-var-editor?v='+parseInt(Math.random()*99999999);document.body.appendChild(s);})();

Bookmark