Menu dark with special layout firewatch not grey

Post Reply
Posts: 6
Joined: 28 Aug 2019, 10:09

30 Mar 2021, 09:30

I would like to use Layout: Special firewatch with menu layout-menu-dark to get dark grey menu, but with this special layout the menu is the same colour as the header.
I tried other flat layouts like blue and I had no problem with dark menu color grey.

It is possible to get the menu dark grey without creating a custom theme colour?

Code: Select all

        <div class="layout-menu-container layout-menu-dark">
            <div class="nano">
                <div class="nano-content menu-scroll-content">
                    <ui:fragment rendered="#{usuariPreferenciesBean.profileMode == 'inline' and usuariPreferenciesBean.menuLayout != 'menu-layout-static menu-layout-horizontal'}">
                        <ui:include src="menu_profile.xhtml"/>

                    <ui:insert name="customMenu"/>
                    <pu:menu id="mnu_main" widgetVar="mnu_main" model="#{}" />
Thanks in advance!

Posts: 115
Joined: 29 Jul 2019, 13:57

06 Apr 2021, 10:18


Sorry for late response! Yes you can with change dark menu theme variables in src/main/webapp/resources/avalon-layout/css/layout-firewatch.scss file. After than please compile scss file with sass command and update layout-firewatch.css file in your project.

Best Regards,

Post Reply

Return to “Avalon - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest