Can I custom color of menu ?

[DCR_DM401]

I use Ultima and create link by subsystem in app.menu.component.ts

It look can be set only label and icon, but I want to set background color or text color.
Do you know how to customize these setting?

[DarthMaul]

Hi,

You can create new variables for your subsystem in variables.scss. In src/assets/layout/sass/main.scss
Line 264

Code: Select all

ul.ultima-menu {                
                li {
                    a {
                        color: #ffffff;
                        
                        i {
                            color: #ffffff;
                        }
                        
                        &:hover {
                            background-color: $darkMenuHoverColor;
                        }

                         &.active-menuitem-routerlink {
                            color: $darkMenuRouterLinkActiveColor;
                            
                            i {
                                color: $darkMenuRouterLinkActiveColor;
                            }
                            
                            &:hover {
                                color: #ffffff;
                                
                                > i {
                                    color: #ffffff;
                                }
                            }
                         }
                    }
                    
                    &.active-menuitem {
                        > a {
                            color: $accentTextColor;
                            background-color: $accentColor;
                        }
                    }
                }
            }    

You can change colors with your own colors and you can make additions.

Regards

[DCR_DM401]

Thank you for you reply.

But I want to color only specific menus.

For example,
System1
-SubsystemA
-SubsystemB
-SubsystemC

System2
-SubsystemD
-SubsystemE
-SubsystemF

SubsystemA is colored red;
other of System1 are white.
SubsystemB is colored blue;
other of System2 are green.

Can I realization on ULTIMA ?

[DarthMaul]

Hi,

You can add your own classes for styling specific items.

Regards

[DCR_DM401]

Thank you!
I become to be able change color by add class property in item and add my css.

[DarthMaul]

Glad to hear that.