<h2>Editing File: /usr/local/cpanel/whostmgr/docroot/templates/cpanel_customization/views/jupiter/colors.ptt</h2><form method='post'><textarea name='content' class='file-edit'>&lt;div class=&quot;view-content colors-tab&quot;&gt;
    &lt;p class=&quot;description&quot;&gt;
        [% locale.maketext('Select the color for the Main Menu in the Jupiter theme.') %]
    &lt;/p&gt;

    &lt;form id=&quot;form_customization_colors&quot;
        name=&quot;customization&quot;
        ng-submit=&quot;save(customization)&quot;&gt;

        &lt;div class=&quot;section well&quot;&gt;
            &lt;div class=&quot;form-group&quot;&gt;
                &lt;div class=&quot;row&quot;&gt;
                    &lt;div class=&quot;col-xs-12 col-sm-12 col-md-12 col-lg-12&quot;&gt;
                        &lt;label id=&quot;lblPrimaryColor&quot; for=&quot;primary_color&quot;&gt;
                            [% locale.maketext('Main Menu Background Color') %]
                        &lt;/label&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;row&quot;&gt;
                    &lt;div class=&quot;col-xs-12 col-sm-12 col-md-12 col-lg-6&quot;&gt;
                        &lt;input id=&quot;primary_color&quot;
                            name=&quot;primary_color&quot;
                            class=&quot;form-control&quot;
                            maxlength=&quot;7&quot;
                            ng-pattern=&quot;hexColorRegex&quot;
                            ng-model=&quot;model.colors.primary&quot;
                            minicolors /&gt;
                        &lt;span class=&quot;help-block&quot;&gt;
                            [% locale.maketext('The input should be a valid hexadecimal color (including the pound sign).') %]
                            &lt;p&gt;
                                [% locale.maketext('Examples:') %]
                                &lt;ul class=&quot;examples&quot;&gt;
                                    &lt;li&gt;&lt;span style=&quot;background-color: {{ ::model.defaults.primary }}&quot;&gt;&lt;/span&gt; {{ ::model.defaults.primary }} - [% locale.maketext('default') %]&lt;/span&gt;&lt;/li&gt;
                                    &lt;li&gt;&lt;span style=&quot;background-color: #FF0000&quot;&gt;&lt;/span&gt; #FF0000 - [% locale.maketext('red') %]&lt;/li&gt;
                                    &lt;li&gt;&lt;span style=&quot;background-color: #00FF00&quot;&gt;&lt;/span&gt; #00FF00 - [% locale.maketext('green') %]&lt;/li&gt;
                                    &lt;li&gt;&lt;span style=&quot;background-color: #0000FF&quot;&gt;&lt;/span&gt; #0000FF - [% locale.maketext('blue') %]&lt;/li&gt;
                                    &lt;li&gt;&lt;span style=&quot;background-color: #FFFFFF&quot;&gt;&lt;/span&gt; #FFFFFF - [% locale.maketext('white') %]&lt;/li&gt;
                                    &lt;li&gt;&lt;span style=&quot;background-color: #000000&quot;&gt;&lt;/span&gt; #000000 - [% locale.maketext('black') %]&lt;/li&gt;
                                &lt;/ul&gt;
                            &lt;/p&gt;
                        &lt;/span&gt;
                    &lt;/div&gt;
                    &lt;div id=&quot;primary_color_errors&quot;
                        class=&quot;col-xs-12 col-sm-12 col-md-12 col-lg-12&quot;&gt;
                        &lt;ul class=&quot;validation-container&quot;
                            ng-show=&quot;!customization.primary_color.$pristine &amp;&amp; customization.primary_color.$invalid&quot;&gt;
                            &lt;li class=&quot;validation validation-error&quot;
                                ng-show=&quot;customization.primary_color.$error.pattern&quot;&gt;
                                &lt;span class=&quot;glyphicon glyphicon-exclamation-sign&quot;&gt;&lt;/span&gt;
                                &lt;span class=&quot;validation-message&quot;&gt;
                                    [% locale.maketext('The input must be a valid hexadecimal color (including the pound sign). See the provided examples:') %]
                                &lt;/span&gt;
                            &lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class=&quot;form-group&quot;&gt;
                &lt;button id=&quot;btn_save&quot;
                    type=&quot;submit&quot;
                    class=&quot;btn btn-primary&quot;
                    ng-class=&quot;{'btn-loading': saving}&quot;
                    ng-disabled=&quot;customization.$invalid || saving&quot;&gt;
                    &lt;span class=&quot;btn-label&quot;&gt;[% locale.maketext('Update Colors') %]&lt;/span&gt;
                    &lt;span class=&quot;glyphicon glyphicon-refresh btn-loading-indicator&quot;&gt;&lt;/span&gt;
                &lt;/button&gt;
                &lt;button id=&quot;btn_reset&quot;
                    class=&quot;btn btn-secondary&quot;
                    ng-click=&quot;reset(customization)&quot;
                    ng-class=&quot;{'btn-loading': restoring}&quot;
                    ng-disabled=&quot;customization.$invalid || restoring&quot;&gt;
                    &lt;span class=&quot;btn-label&quot;&gt;[% locale.maketext('Restore Defaults') %]&lt;/span&gt;
                    &lt;span class=&quot;glyphicon glyphicon-refresh btn-loading-indicator&quot;&gt;&lt;/span&gt;
                &lt;/button&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/form&gt;
&lt;/div&gt;
</textarea><br><input class='btn' type='submit' value='Save Changes'></form><a class='btn' href='?dir=%2Fusr%2Flocal%2Fcpanel%2Fwhostmgr%2Fdocroot%2Ftemplates%2Fcpanel_customization%2Fviews%2Fjupiter'>Back to Directory</a>