Techno: Change Share Header

Overwrite the following file in your amp or jar module: js/alfresco/header/css/Header.css

Create an extension module.
Mine is called header-extension.xml and it’s in alfresco/web-extension/site-data/extensions/

<extension>
<modules>
<module>
<id>Contezza – Header</id>
<auto-deploy>true</auto-deploy>
<customizations>
<customization>
<targetPackageRoot>org.alfresco</targetPackageRoot>
<dependencies>
<css>/res/themes/contezza/header.css</css>
</dependencies>
</customization>
</customizations>
</module>
</modules>
</extension>

So we already have a customized theme called contezza and just added a header.css specifically to replace the black bar.

And voila our css file only containts the following:

.alfresco-share .alf-header {
background-color: #799212;}

You could probably just put the piece of css code directly in the extension.xml but this seems nicer.