Add color picker to create new list

src/views/labels/NewLabel.vue

@@ -22,15 +22,15 @@
 				/>
 			</div>
 		</div>
+		<p class="help is-danger" v-if="showError && label.title === ''">
+			Please specify a title.
+		</p>
 		<div class="field">
 			<label class="label">Color</label>
 			<div class="control">
 				<color-picker v-model="label.hexColor" />
 			</div>
 		</div>
-		<p class="help is-danger" v-if="showError && label.title === ''">
-			Please specify a title.
-		</p>
 	</create>
 </template>
 

src/views/list/NewList.vue

@@ -22,6 +22,12 @@
 		<p class="help is-danger" v-if="showError && list.title === ''">
 			Please specify a title.
 		</p>
+		<div class="field">
+			<label class="label">Color</label>
+			<div class="control">
+				<color-picker v-model="list.hexColor" />
+			</div>
+		</div>
 	</create>
 </template>
 
@@ -29,6 +35,7 @@
 import ListService from '../../services/list'
 import ListModel from '../../models/list'
 import Create from '@/components/misc/create'
+import ColorPicker from '../../components/input/colorPicker'
 
 export default {
 	name: 'NewList',
@@ -41,6 +48,7 @@ export default {
 	},
 	components: {
 		Create,
+		ColorPicker,
 	},
 	created() {
 		this.list = new ListModel()