.. _reference-admin-gui-theme-customization-colors:

.. rst-class:: chapter-with-expand

Administration Portal Theme Customization Color Reference
---------------------------------------------------------

.. note::

   * Color selection on the **Branding** tab of a theme *always* affects the Admin and Business Admin Portal.
   * Color selection on the **Branding** tab of a theme *only* affects the Legacy Admin Portal *if no theme file*
     is attached to the theme.
   
     To edit and manage theme files:
    
     .. raw:: latex

        Refer to Less files and Theme Customization in the Advanced Configuration Guide.

     .. raw:: html

        <p>Refer to <a href="reference-less-files.html">Less files and Theme Customization</a></p>

   * Color selection is optional: where no colors are selected, defaults apply.


On the Legacy Admin Portal, consider the color selection on the **Theme Customisation** tab:

|branding-theme-legacy|

On the Admin Portal, consider the color selection on the **Branding** tab:

|branding-theme|



The screens below show how the branding colors of the theme appear in the Legacy, current and Business Admin Portal.


Legacy Admin Portal
....................


|legacy-admin-theme-0|

|legacy-admin-theme-1|

|legacy-admin-theme-2|




Admin Portal
.............


|new-admin-theme-0|

|new-admin-theme-1|

|new-admin-theme-2|


Business Admin Portal
.....................


|business-admin-theme-0|

|business-admin-theme-1|

|business-admin-theme-2|



.. |branding-theme-legacy| image:: /src/images/branding-theme-legacy.png
.. |branding-theme| image:: /src/images/branding-theme.png
.. |legacy-admin-theme-0| image:: /src/images/legacy-admin-theme-0.png
.. |legacy-admin-theme-1| image:: /src/images/legacy-admin-theme-1.png
.. |legacy-admin-theme-2| image:: /src/images/legacy-admin-theme-2.png
.. |new-admin-theme-0| image:: /src/images/new-admin-theme-0.png
.. |new-admin-theme-1| image:: /src/images/new-admin-theme-1.png
.. |new-admin-theme-2| image:: /src/images/new-admin-theme-2.png
.. |business-admin-theme-0| image:: /src/images/business-admin-theme-0.png
.. |business-admin-theme-1| image:: /src/images/business-admin-theme-1.png
.. |business-admin-theme-2| image:: /src/images/business-admin-theme-2.png