diff --git a/.docs/css/theme.css b/.docs/css/theme.css
index 462f70b..340bbfc 100644
--- a/.docs/css/theme.css
+++ b/.docs/css/theme.css
@@ -442,6 +442,16 @@ footer {
 	border: 0.2em solid var(--cat-colour);
 }
 
+.note, .tip, .important, .warning, .caution {
+	padding: 0.4em 0.6em;
+	
+}
+.note		{ border-left: 0.2em solid #31a0fc; background: #31a1fc1f; }
+.tip		{ border-left: 0.2em solid #25cb1c; background: #31fc491f; }
+.important	{ border-left: 0.2em solid #911ccb; background: #bc31fc1f; }
+.warning	{ border-left: 0.2em solid #e0b840; background: #efc7461f; }
+.caution	{ border-left: 0.2em solid #e04040; background: #ef5f461f; }
+
 
 .contributor-list {
 	list-style-type: none;
@@ -486,3 +496,8 @@ footer {
 	animation: move-diagonal 5s linear infinite;
 }
 #brushimg-preview { flex: 1; }
+#brushimg-tsv {
+	display: block;
+	max-height: 90vh;
+	overflow: scroll;
+}
diff --git a/.docs/img2brush/index.html b/.docs/img2brush/index.html
index ce14662..83ecab7 100644
--- a/.docs/img2brush/index.html
+++ b/.docs/img2brush/index.html
@@ -17,6 +17,7 @@ title: Image to brush converter
 		</select> 
 	</p>
 	<p>Only the selected channel is used to determine the weight of the brush - <strong>all other channels are ignored</strong>! Change the channel option <strong>before</strong> you drag + drop the image onto this page.</p>
+	<p class="note">Greyscale images are converted to RGB, so <em>red</em>, <em>green</em>, and <em>blue</em> all have the same effect on such images.</p>
 </section>
 
 <section id="dropzone" class="bigbox panel-generic">