title: Android WebView change the background and text color of html on button click
body: <p>I'm trying to create a night mode for my app which triggers on Button click which is a View from Android. on click I wanted the webview to change it's background color and the font color using a custom style via CSS but I don't have the idea on how to do it. I do know how to create a Javascript but I don't know on how I can implement it on my app since what I need is for the <strong>background to change without reloading the page</strong>. I tried to read some questions which has seems to be similar to my problem but none of it really sinks in to me and It's not that well detailed for me to understand.</p>
  
  <p>Furthermore, my data is created on beforehand using</p>
  
  <pre><code>content.loadDataWithBaseURL(null, MY_HTML_CODE, "text/html", "utf-8", null);
  </code></pre>
  
  <p>so I can inject some script in case.</p>
  
  <p>I'm not sure on how I can relate it on this <a href="https://stackoverflow.com/questions/17209826/dynamically-changing-css-values-in-a-webview-without-reloading-android">answer</a> from another question either which just confuses me even more.</p>
  
  <p>Hope someone can help.</p>