title: how can i change the pseudo class (:after and :before) style dynamically
body: <p>Please note I don't have a standard set of colors, instead, the colors will come from the color picker</p>
  
  <p>I want to change the background and the color of the pseudo-class element that was passed in class. and both are a different color, I tried the concept of <code>currentColor</code> of the parent, but that applies to even the content and background.</p>
  
  <p>Is there a way to dynamically change these color?</p>