[feature] add random theme name control

Author: zombieFox

package-lock.json

@@ -1,6 +1,6 @@
 {
 "name": "nighttab",
-"version": "4.26.0",
+"version": "4.27.0",
 "description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.",
 "main": "index.js",
 "scripts":{

package.json

@@ -1705,22 +1705,40 @@ var theme = (function(){
 options=helper.applyOptions(options,override);
 };
 varform=helper.node("form|class:group-form");
-varfieldset=helper.node("fieldset");
-varinputWrap=helper.node("div|class:form-wrap");
-varlabel=helper.node("label:Name|for:theme-name");
-varinput=helper.node("input|id:theme-name,class:theme-name mb-0,type:text,tabindex:1,placeholder:Example theme,autocomplete:off,autocorrect:off,autocapitalize:off,spellcheck:false");
-inputWrap.appendChild(label);
-inputWrap.appendChild(input);
-fieldset.appendChild(inputWrap);
-form.appendChild(fieldset);
+
+varnameFieldset=helper.node("fieldset");
+varnameFormWrap=helper.node("div|class:form-wrap");
+varnameLabel=helper.node("label:Name|for:theme-name");
+varnameInput=helper.node("input|id:theme-name,class:theme-name mb-0,type:text,tabindex:1,placeholder:Example theme,autocomplete:off,autocorrect:off,autocapitalize:off,spellcheck:false");
+
+varrandomFormWrap=helper.node("div|class:form-wrap");
+varrandomButton=helper.node("button:Random Theme name|class:button,type:button,tabindex:1");
+
+randomFormWrap.appendChild(randomButton);
+
+nameFormWrap.appendChild(nameLabel);
+nameFormWrap.appendChild(nameInput);
+nameFieldset.appendChild(nameFormWrap);
+nameFieldset.appendChild(randomFormWrap);
+
+form.appendChild(nameFieldset);
 
 if(options.useStagedTheme){
-input.value=stagedThemeCustom.theme.name;
+nameInput.value=stagedThemeCustom.theme.name;
 };
 
-input.addEventListener("input",function(){
+nameInput.addEventListener("input",function(){
 stagedThemeCustom.theme.name=this.value;
 },false);
+
+randomButton.addEventListener("click",function(event){
+varrandomName=helper.randomString({
+mix: true
+});
+stagedThemeCustom.theme.name=randomName;
+nameInput.value=randomName;
+},false);
+
 form.addEventListener("keydown",function(event){
 if(event.keyCode==13){
 event.preventDefault();

src/js/theme.js

@@ -1,6 +1,6 @@
 varversion=(function(){
 
-varcurrent="4.26.0";
+varcurrent="4.27.0";
 
 varname="Naughty Goose";
 

src/js/version.js

@@ -2,7 +2,7 @@
 "name": "nightTab",
 "short_name": "nightTab",
 "description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.",
-"version": "4.26.0",
+"version": "4.27.0",
 "manifest_version": 2,
 "chrome_url_overrides":{
 "newtab": "index.html"