title: How to modify the survey-react npm library to change the default color?
body: <p>I am very new to Reactjs and doing some work on it. Now I have used <code>survey-react</code> in one place in my code. Now I want to change the default color of <code>survey-react</code> to blue, but I am unable to do that. I have used the code like this:</p>
  <pre><code>import * as Survey from &quot;survey-react&quot;; 
  import &quot;survey-react/survey.css&quot;;  
  
  ...  
  
  &lt;Survey.Survey
      onAfterRenderQuestion={this.onAfterRenderQuestion}
      model={model}
      onComplete={this.onComplete} /&gt; 
  </code></pre>
  <p>Now I want add a prop to make the color to <code>#1A8FE6</code>. I have also looked at the JavaScript files for that. Here is that link for that <a href="https://surveyjs.io/Examples/Library/?id=custom-theme&amp;platform=Reactjs&amp;theme=modern#content-js" rel="nofollow noreferrer">page</a>.</p>
  <p>I want to change <code>defaultThemeColors[&quot;$main-color&quot;] = &quot;#7ff07f&quot;;</code> to<br />
  <code>defaultThemeColors[&quot;$main-color&quot;] = &quot;#1A8FE6&quot;;</code>.</p>