h2. Change the color scheme {anchor:id=DEV.CreateYourOwnPortal.ChangeColorScheme}
The current color of *Administration* bar is gray gradient. However, you can change the color to match your brand colors.

The default *Administration* style:

!images/admin_bar.png|align="center"!

The style of *Administration* bar is defined in the *stylesheet.css* located in _src/main/webapp/skin/officeSkin/UIToolbarContainer_.

Edit this CSS file to customize the *Administration* bar to your preferred color scheme. The following is a customized *Administration* bar.

!images/modified_admin_bar.png|align="center"!

h2. Change the content on the Administration bar {anchor:id=DEV.CreateYourOwnPortal.ChangeAdminbarContent}

!images/admin_bar_portlets.png|align="center"!

*Portlets on the Administration bar*

The Administration bar is a special container composed of portlets. It is defined in _WEB-INF/conf/portal/portal/sharedlayout.xml_. In the illustration above, each circle represents a portlet defined in the Administration bar and configured in _sharedlayout.xml_.

It is possible to override the whole Administration bar by adding it into an extension at _custom-extension.war!WEB-INF/conf/portal/portal/sharedlayout.xml_.

The _sharedlayout.xml_ file configures the current displayed portlets on the Administration bar. For example, to remove the *Dashboard* menu, you will need to remove the following block:


{code:xml}
...
<container id="UserToolBarDashboardPortlet" template="system:/groovy/portal/webui/container/UIContainer.gtmpl">
  <portlet-application>
    <portlet>
      <application-ref>exoadmin</application-ref>
      <portlet-ref>UserToolbarDashboardPortlet</portlet-ref>
    </portlet>
    <access-permissions>Everyone</access-permissions>
    <show-info-bar>false</show-info-bar>
  </portlet-application>
 ...
</container>
{code}
