Add palette to the colorpicker

src/style_manager/view/PropertyColorView.js

@@ -18,6 +18,9 @@ define(['backbone','./PropertyView', 'Spectrum', 'text!./../templates/propertyCo
 				cpStyle = this.$colorPicker.get(0).style;
 				var that = this;
 				this.$colorPicker.spectrum({
+					showPalette: true,
+					maxSelectionSize: 8,
+					palette: [],
 					showAlpha: 	true,
 					chooseText: 'Ok',
 					cancelText: '⨯',

styles/css/main.css

@@ -3745,3 +3745,12 @@ ol.example li.placeholder:before {
   text-shadow: none;
   box-shadow: none;
   padding: 3px 5px; }
+
+.sp-palette-container {
+  border: none;
+  float: none;
+  margin: 0;
+  padding: 5px 10px 0; }
+
+.sp-palette .sp-thumb-el, .sp-palette .sp-thumb-el:hover {
+  border: 1px solid rgba(0, 0, 0, 0.8); }

styles/scss/main.scss

@@ -1393,4 +1393,13 @@ $uploadPadding:	150px 10px;
   text-shadow: none;
   box-shadow: none;
   padding: 3px 5px;
+}
+.sp-palette-container{
+  border: none;
+  float:none;
+  margin:0;
+  padding:5px 10px 0;
+}
+.sp-palette .sp-thumb-el, .sp-palette .sp-thumb-el:hover{
+  border: 1px solid rgba(0, 0, 0, 0.8);
 }