Merge pull request #72 from ondras/master

Sync with upstream

css/pane.less

@@ -114,7 +114,7 @@
 
 		&[hidden] #toggle::after { content: "←"; }
 
-		#color {
+		.color-picker {
 			display: flex;
 			flex-direction: row;
 

index.html

@@ -65,8 +65,22 @@ <h3>My Mind</h3>
 				</select></label>
 			</p>
 			<p>
-				<label><span>Color</span></label>
-				<span id="color">
+				<span>Item color</span>
+				<span id="color" class="color-picker">
+					<a data-color="" title="Inherit" href="#"></a>
+					<a data-color="#000" title="Black" href="#"></a>
+					<a data-color="#e33" title="Red" href="#"></a>
+					<a data-color="#3e3" title="Green" href="#"></a>
+					<a data-color="#33e" title="Blue" href="#"></a>
+					<a data-color="#dd3" title="Yellow" href="#"></a>
+					<a data-color="#3dd" title="Cyan" href="#"></a>
+					<a data-color="#d3d" title="Magenta" href="#"></a>
+					<a data-color="#fa3" title="Orange" href="#"></a>
+				</span>
+			</p>
+			<p>
+				<span>Text color</span>
+				<span id="text-color" class="color-picker">
 					<a data-color="" title="Inherit" href="#"></a>
 					<a data-color="#000" title="Black" href="#"></a>
 					<a data-color="#e33" title="Red" href="#"></a>
@@ -78,7 +92,6 @@ <h3>My Mind</h3>
 					<a data-color="#fa3" title="Orange" href="#"></a>
 				</span>
 			</p>
-
 			<p>
 				<label><span>Icons</span>
 				<select id="icons">