muk_web/muk_web_utils/static/src/xml/color.xml

<?xml version="1.0" encoding="UTF-8"?>

<!--     
	Copyright (C) 2018 MuK IT GmbH
	
    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU Affero General Public License as
    published by the Free Software Foundation, either version 3 of the
    License, or (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU Affero General Public License for more details.

    You should have received a copy of the GNU Affero General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>. 
-->

<templates id="template" xml:space="preserve">

<t t-name="muk_web_utils.FieldColor">
    <span t-if="widget.mode === 'readonly'" class="mk_field_color"/>
    <div t-if="widget.mode !== 'readonly'" class="mk_field_color">
        <input type="text" class="o_input mk_field_color_input"
        	t-att-name="widget.name"
            t-att-tabindex="widget.attrs.tabindex"
        	t-att-autocomplete="widget.attrs.autocomplete"
            t-att-placeholder="widget.attrs.placeholder"
            t-att-autofocus="widget.attrs.autofocus"/>
	    <button class="btn btn-sm btn-outline-primary mk_field_color_button" type="button">
		    <span class="fa fa-paint-brush"></span>
		</button>
    </div>
</t>

<t t-name="muk_web_utils.FieldColorIndex">
    <span t-if="widget.mode === 'readonly'" class="mk_field_color_index"/>
    <select t-if="widget.mode !== 'readonly'"
        class="o_input mk_field_color_index"
        t-att-name="widget.name"
        t-att-tabindex="widget.attrs.tabindex"
        t-att-autofocus="widget.attrs.autofocus"
        t-att-id="widget.idForLabel">
        <option class="mk_color_index_0" value="0">Color 0</option>
        <option class="mk_color_index_1" value="1">Color 1</option>
        <option class="mk_color_index_2" value="2">Color 2</option>
        <option class="mk_color_index_3" value="3">Color 3</option>
        <option class="mk_color_index_4" value="4">Color 4</option>
        <option class="mk_color_index_5" value="5">Color 5</option>
        <option class="mk_color_index_6" value="6">Color 6</option>
        <option class="mk_color_index_7" value="7">Color 7</option>
        <option class="mk_color_index_8" value="8">Color 8</option>
        <option class="mk_color_index_9" value="9">Color 9</option>
        <option class="mk_color_index_10" value="10">Color 10</option>
        <option class="mk_color_index_11" value="11">Color 11</option>
	</select>
</t>

</templates>