title: $:/Manager/ItemSidebar/Colour
tags: $:/tags/Manager/ItemSidebar
caption: {{$:/language/Manager/Item/Colour}}

\define swatch-styles()
height: 1em;
background-color: $(colour)$
\end

<$vars colour={{!!color}}>
<p style=<<swatch-styles>>/>
</$vars>
<p>
<$edit-text field="color" tag="input" type="color"/> / <$edit-text field="color" tag="input" type="text" size="9"/>
</p>