Asp.net 将HTML5画布与站点的其余部分一起设置主题

我正在制作一个web应用程序的主题，但我遇到了一个使用角度指令的问题。它被称为角度旋钮，它使用HTML5画布来显示进度条输入。因为它是一个画布，所以必须用JavaScript而不是CSS告诉它颜色。这就是问题所在

网站的其余部分基于一组较少的变量来设置主题。我希望画布是

variables.less

文件中

@brand primary

的颜色，它也可以在其他

主题-*.less

文件中覆盖。我还没有找到一个很好的解决方案，但以下是我的一些想法：

• 使用某种ASP.Net实用程序（还没有找到任何可以为我做到这一点的工具）解析LESS文件中的变量，以获取变量名，然后将它们以JavaScript变量的形式呈现给客户端（我可以将其放入angular服务中）
• 让gulp解析LESS文件中的变量（同样，还没有找到任何npm包可以为我这样做），并创建一个脚本，将变量与JavaScript包一起放入

正如我所说，我还没有发现任何ASP.Net或npm的文件解析实用程序可以让我访问更少的变量

---

你将如何解决这类问题？是否有其他人必须处理类似的问题？

在加载页面并对元素设置颜色样式后，您可以使用读取其中一个元素的背景色。然后，用javascript将这些颜色应用到你的角度旋钮上。幸好还有像MarkE这样有天赋的人，我会说，运气不好：）@MarkE我确实想过，但我希望有更好的解决方案。但我可能没有选择。