diff --git a/data/index.html b/data/index.html
index fc0b4b6..48df5ac 100644
--- a/data/index.html
+++ b/data/index.html
@@ -46,7 +46,8 @@
             data-label="Pattern"
             data-name="pattern"
             data-topic="pixels/pattern"
-            data-entries='[{"text": "None", "value": "0"}, {"text": "Rainbow", "value": "1"}, {"text": "TheaterChase", "value": "2"}]'
+            data-default="1"
+            data-entries='[{"text": "Color", "value": "0"}, {"text": "Rainbow", "value": "1"}, {"text": "TheaterChase", "value": "2"}]'
             ></li>      
         </ul>
       </div>
diff --git a/data/script.js b/data/script.js
index 1d5e6cf..341e813 100644
--- a/data/script.js
+++ b/data/script.js
@@ -12051,6 +12051,7 @@ class ParamSelect extends __WEBPACK_IMPORTED_MODULE_1__base_Select_Select__["a"
             name: this.config.name,
             entries: this.config.entries
         });
+        this.node.find('option[value="'+this.config.default+'"]').attr('selected', 'selected');
     }
 
     onChange(evt) {
diff --git a/src/app/components/ParamSelect.js b/src/app/components/ParamSelect.js
index d638760..fc96548 100644
--- a/src/app/components/ParamSelect.js
+++ b/src/app/components/ParamSelect.js
@@ -11,6 +11,7 @@ export default class ParamSelect extends Select {
             name: this.config.name,
             entries: this.config.entries
         });
+        this.node.find('option[value="'+this.config.default+'"]').attr('selected', 'selected');
     }
 
     onChange(evt) {
diff --git a/src/pages/index.html b/src/pages/index.html
index fc0b4b6..48df5ac 100644
--- a/src/pages/index.html
+++ b/src/pages/index.html
@@ -46,7 +46,8 @@
             data-label="Pattern"
             data-name="pattern"
             data-topic="pixels/pattern"
-            data-entries='[{"text": "None", "value": "0"}, {"text": "Rainbow", "value": "1"}, {"text": "TheaterChase", "value": "2"}]'
+            data-default="1"
+            data-entries='[{"text": "Color", "value": "0"}, {"text": "Rainbow", "value": "1"}, {"text": "TheaterChase", "value": "2"}]'
             ></li>      
         </ul>
       </div>