text: var ThemeDialog_html = `
  <div id="scxThemeDialog" class="modal scxDialog">
      <div class="modal-dialog">
          <div class="modal-content">
              <div class="modal-header">
                  <a href="#" data-dismiss="modal" aria-hidden="true" class="close">×</a>
                  <h4>Theme "<span id="scxThemeDialog_headerTitle"></span>"</h4>
              </div>
              <div class="modal-body scxThemeDialog-body">
                  <table>
                      <tr>
                          <td><label>Line/Bar Color</label></td>
                          <td><input id="scxThemeDialog_input_lineBarColor" type="text" class="scxSpectrum"></td>
                      </tr>
                      <tr>
                          <td><label>Up Candle Color</label></td>
                          <td><input id="scxThemeDialog_input_upBarColor" type="text" class="scxSpectrum"></td>
                      </tr>
                      <tr>
                          <td><label id="scxThemeDialog_label_upBarBorderColor">Up Candle Border Color</label></td>
                          <td class="scxInline">
                              <input id="scxThemeDialog_input_upBarBorderColor" type="text" class="scxSpectrum">
                              <input id="scxThemeDialog_chk_upBarBorderColor" type="checkbox" class="js-switch" />
                          </td>
                      </tr>
                      <tr>
                          <td><label>Down Candle Color</label></td>
                          <td><input id="scxThemeDialog_input_downBarColor" type="text" class="scxSpectrum"></td>
                      </tr>
                      <tr>
                          <td><label id="scxThemeDialog_label_downBarBorderColor">Down Candle Border Color</label></td>
                          <td class="scxInline">
                              <input id="scxThemeDialog_input_downBarBorderColor" type="text" class="scxSpectrum">
                              <input id="scxThemeDialog_chk_downBarBorderColor" type="checkbox" class="js-switch" />
                          </td>
                      </tr>
                      <tr>
                          <td><label>Wick Color</label></td>
                          <td><input id="scxThemeDialog_input_wickColor" type="text" class="scxSpectrum"></td>
                      </tr>
                  </table>
                  <table>
                      <tr>
                          <td><label>Text Font</label></td>
                          <td>
                              <select id="scxThemeDialog_input_textFont" class="scxDropdown scxFontDropdown">
                                  <option style="font-family:Arial;" value="Arial">Arial</option>
                                  <option style="font-family:Calibri;" value="Calibri" selected>Calibri</option>
                                  <option style="font-family:'Comic Sans';" value="Comic Sans">Comic Sans</option>
                                  <option style="font-family:'Courier New';" value="Courier New">Courier New</option>
                                  <option style="font-family:Georgia;" value="Georgia">Georgia</option>
                                  <option style="font-family:Impact;" value="Impact">Impact</option>
                                  <option style="font-family:'Open Sans';" value="Open Sans">Open Sans</option>
                                  <option style="font-family:'Source Sans Pro';" value="Source Sans Pro">Source Sans Pro</option>
                                  <option style="font-family:Tangerine;" value="Tangerine">Tangerine</option>
                              </select>
                          </td>
                      </tr>
                      <tr>
                          <td><label>Text Size</label></td>
                          <td>
                              <select id="scxThemeDialog_input_textSize" class="scxDropdown">
                                  <option value="8">8</option>
                                  <option value="9">9</option>
                                  <option value="10">10</option>
                                  <option value="11">11</option>
                                  <option value="12">12</option>
                                  <option value="13">13</option>
                                  <option value="14">14</option>
                              </select>
                          </td>
                      </tr>
                      <tr>
                          <td><label>Text Color</label></td>
                          <td><input id="scxThemeDialog_input_textColor" type="text" class="scxSpectrum"></td>
                      </tr>
                      <tr>
                          <td><label>Gradient Color 1</label></td>
                          <td><input id="scxThemeDialog_input_gradient1Color" type="text" class="scxSpectrum"></td>
                      </tr>
                      <tr>
                          <td><label>Gradient Color 2</label></td>
                          <td><input id="scxThemeDialog_input_gradient2Color" type="text" class="scxSpectrum"></td>
                      </tr>
                      <tr>
                          <td><label>Grid Color</label></td>
                          <td><input id="scxThemeDialog_input_gridColor" type="text" class="scxSpectrum"></td>
                      </tr>
                  </table>
  
                  <div id="scxThemeDialog_themeWrapper" style="float: left;">
                      <select id="scxThemeDialog_input_theme" class="scxDropdown" data-dropup-auto="true">
                          <option title="Theme" value="Dark">Dark</option>
                          <option title="Theme" value="Light">Light</option>
                      </select>
                      <button type="button" class="btn btn-default" id="scxThemeDialog_btn_newTheme">New</button>
                      <span id="scxThemeDialog_newThemeWrapper">
                          <input type="text" value="" class="form-control" id="scxThemeDialog_input_newThemeName">
                          <button type="button" class="btn btn-default" id="scxThemeDialog_btn_newThemeConfirm">Cancel</button>
                      </span>
                  </div>
              </div>
              <div class="modal-footer scxThemeDialog-footer">
                  <div class="scxThemeDialog-footer-buttons">
                      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                      <button type="button" class="btn btn-success" id="scxThemeDialog_btn_saveTheme">Save</button>
                      <button type="button" class="btn btn-primary" id="scxThemeDialog_btn_save">Apply</button>
                  </div>
              </div>
          </div>
      </div>
  </div>`;