Add color picker to new namespace create

src/views/namespaces/NewNamespace.vue

@@ -25,6 +25,12 @@
 		<p class="help is-danger" v-if="showError && namespace.title === ''">
 			Please specify a title.
 		</p>
+		<div class="field">
+			<label class="label">Color</label>
+			<div class="control">
+				<color-picker v-model="namespace.hexColor" />
+			</div>
+		</div>
 		<p
 			class="is-small has-text-centered"
 			v-tooltip.bottom="
@@ -40,6 +46,7 @@
 import NamespaceModel from '../../models/namespace'
 import NamespaceService from '../../services/namespace'
 import Create from '@/components/misc/create'
+import ColorPicker from '../../components/input/colorPicker'
 
 export default {
 	name: 'NewNamespace',
@@ -51,6 +58,7 @@ export default {
 		}
 	},
 	components: {
+		ColorPicker,
 		Create,
 	},
 	created() {