将CSS变量传递给React-Widget

Question

我正在用React开发一个Web小部件。我想给使用该网站小部件的用户在初始化小部件时传递其主要公司标识颜色的可能性。

有没有比通过inline-css为所有元素设置原色更好的方法了？

<div id="widget"></div>
<script type="text/javascript">
    NS.init({
        containerId: "widget",
        primaryColor: "#ff0000",
    });
</script>