code: function generateScopeList(hiddenValues){
  		hiddenValues = hiddenValues || [];
  		var htmlString = "";
  		var ieClass = util.isIE ? "-ie" : ""; //$NON-NLS-0$
  
  		for (var i = 0; i < scopeList.length; i++){
  			if (scopeList[i].id === "editorThemeFontSize"){
  				htmlString = htmlString + "<li><label for='editorThemeFontSize'>" + scopeList[i].display + "</label><select id='editorThemeFontSize'>";
  				for (var l = 8; l < 19; l++){
  					htmlString = htmlString + "<option value='" + l+"px'>"+l+"px</option>";
  				}
  				for(l = 8; l < 19; l++){
  					htmlString = htmlString + "<option value='" + l+"pt'>"+l+"pt</option>";
  				}
  				htmlString += "</select></li>";//$NON-NLS-3$ //$NON-NLS-2$ //$NON-NLS-1$ //$NON-NLS-0$
  			}
  			else {
  				var hideValueCSS = hiddenValues.indexOf(scopeList[i].id) >= 0 ? "style='display: none'" : ""; //$NON-NLS-0$
  				htmlString = htmlString + "<li " + hideValueCSS + "><label for='"+scopeList[i].id+"' id='"+scopeList[i].id+"Label'>" + scopeList[i].display + "</label><input id='"+scopeList[i].id+"' aria-labelledby='" + scopeList[i].id + "Label " + scopeList[i].id + "' class='colorpicker-input" + ieClass + "' type='color' value='" + scopeList[i].value + "'></li>";//$NON-NLS-3$ //$NON-NLS-2$ //$NON-NLS-1$ //$NON-NLS-0$
  			}
  		}
  		return htmlString;
  	}
docs: generates the html structure for list of scopes