<hbox>
    <style>
        @colorText {
            color: #FFF;
            text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
            width: 4ex;
            text-overflow: ellipsis;
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
        }
        @colorButton {
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px;
            border-left: none !important;
        }
    </style>
    <input anon-id="colorText" type="text" flex="1" /><button anon-id="colorButton" value="choose"><i>color_lens</i></button>
    <ui:Popup anon-id="selectorContainer">
        <ui:ColorSelector anon-id="selector" />
    </ui:Popup>
</hbox>
