“正确”的方式让用户定制CSS？

Question

我正在制作一个非常可定制的网页应用程序（颜色等）。我试图找到最容易让我开发的方法。到目前为止，我提出的最好的方法是使用mustache - 就像CSS代码一样，用localStorage中的值替换这些内容，如下所示：

CSS代码：

<style id="customsheet">
.someclass{
background-color:[classBackground];
color:[classColor]
}
#anelement{
font-family:[eltFont];
font-size:[eltFontSize];
}
</style>

例如，使用JavaScript替换[eltFont]和localStorage.eltFont，这会修改innerHTML元素的<style>。

我要问的是，有更好/“正确”的方法吗？我想的方式似乎......很奇怪。