title: I want to create a new variable in css by adding the class
body: <pre><code>.theme-light{
  --primary-color:white; 
  }
  </code></pre>
  <p>It is <code>--plimary-color</code> in <code>root</code>.
  But when this class added I want it as <code>--primary-color_theme-light</code> How to make it</p>