theme editor

[mydearxym]

use css-variable in styled-component

then we can let user to edit those css-variables in bowser, export the data as a theme skin

Get/Set css-variable in javascript

// get
getComputedStyle(document.documentElement)
    .getPropertyValue('--theme-hello')

// set
document.documentElement.style
    .setProperty('--theme-hello', 'pink');