title: Using custom class for vmware clarity dark theme
body: <p>I am using dark theme to switch between the light and dark theme of vmware clarity.</p>
  
  <p>But the problem is dark theme doesn't get applied to my custom css classes which are obvious.</p>
  
  <p>For ex. I have a custom class which sets the background of a content:</p>
  
  <p>.custom-class {
    background: white;
  }</p>
  
  <p>But when a dark theme is applied, I expect the background to change. But I am not sure how I can accomplish.</p>
  
  <p>Stackblitz to try out: <a href="https://stackblitz.com/edit/clarity-theme-switcher-9mjqdm" rel="nofollow noreferrer">https://stackblitz.com/edit/clarity-theme-switcher-9mjqdm</a></p>
  
  <p>For workaround, I tried to find an existing class from clarity.css file which has different background based on theme (ex. cards), but most of them are extra css property which distorts my UI. </p>
  
  <p>Also the bg-classes like bg-faded, bg-primary etc. doen't have corresponding dark theme. Can any one please help me to atleast workaround this.</p>
  
  <p><a href="https://i.stack.imgur.com/ytXpG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ytXpG.png" alt="clr-ui.css"></a></p>