title: Dynamically change QML Theme at runtime on MouseClick
body: <p>I have Theme1.js which has the property variables related to Theme 1 styling, Similarly like this I have for Theme 2, Theme2.js
  Now in main.qml, If I click on the MouseArea, The Theme should toggle between Theme1 to Theme2. I found that conditional import Statements doesn't exist in QML. Is there any other way for this.?</p>
  
  <p><strong>Theme1.js</strong></p>
  
  <pre><code>var color="red";
  var textString="This is Theme1"
  </code></pre>
  
  <p><strong>Theme2.js</strong></p>
  
  <pre><code>var color="green";
  var textString="This is Theme2"
  </code></pre>
  
  <p><strong>main.qml</strong></p>
  
  <pre><code>import QtQuick 2.3
  import QtQuick.Window 2.2
  import "Theme1.js" as Theme //default Theme 
  
  Window {
      visible: true
      color:Theme.color
  
      MouseArea {
          anchors.fill: parent
          onClicked: {
              //Change Theme 1 to Theme 2. Basically Toggle Theme here
  
          }
      }
  
      Text {
          text: Theme.textString
          anchors.centerIn: parent
      }
  }
  </code></pre>