title: How do I store a custom user selected CSS template style (like wordpress visual editor)?
body: <p>I am making a diary app. I want users to be able to customize/style the skin of their journal e.g. covers/backgrounds/fonts/colors etc. </p>
  
  <p>I want to create something like the wordpress theme editor that allows users to update the background color in real time:</p>
  
  <p><a href="https://i.stack.imgur.com/0itQO.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0itQO.jpg" alt="enter image description here"></a></p>
  
  <p>Here is how style editor would look.</p>
  
  <p><a href="https://i.stack.imgur.com/dPNlU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dPNlU.png" alt="UX"></a></p>
  
  <p>For example if a user wants to set the writing area of the diary to a light yellow, how do I save that <strong>color</strong> into a custom CSS template and then render it again? Would I need to create a MySQL table just for style templates and have a row for color, background-color, etc... ?</p>