header menu background-color change ?

cancel
Showing results for 
Search instead for 
Did you mean: 
Highlighted
taskinbinbir
Member II

header menu background-color change ?

I'm using alfersco community 5.2. I have got a problem. How can I change css for header menu? Where is header menu css directory ? I want to change nav bar menu background-color. How can I change this ?  

1 Reply
krutik_jayswal
Senior Member II

Re: header menu background-color change ?

You need to customize the theme.There are certain global variable in CSS.For overriding theme you can create new theme file inside site-data/theme/{themeName}.xml

You can set this common variables in {theme}.xml file.

Code for default theme can be changed line below.

<?xml version='1.0' encoding='UTF-8'?>
<theme>
<title>Default Blue Theme</title>
<title-id>theme.default</title-id>
<css-tokens>
<less-variables>
@dashlet-background: transparent;
@header-background-color:blue;
@dashlet-border: 1px solid #bababa;
@dashlet-border-radius: 0;
@dashlet-title-background: #d7e0e7 linear-gradient(to bottom, #e3ebef, #afc0cf);
@dashlet-title-border-bottom: 0;
@dashlet-title-border-radius: 0;
@dashlet-title-color: #262d35;
@dashlet-toolbar-background: #f6f6f6;
@dashlet-toolbar-border-bottom: 1px solid #d3d3d3;
@dashlet-body-background: #f9fcfd;
@dashlet-body-border-radius: 0;
</less-variables>
</css-tokens>
</theme>

Read below links for more details.

https://community.alfresco.com/community/ecm/blog/2015/05/19/share-header-colour-customization