Changing menu hover CSS

[VegarHenriksen 0]

Hello! Can anyone help me out with what css command to use to change the hover and selected color for the sidebar menu?

[VegarHenriksen 0]

The problem is that the original one has an !important tag

 

.navMenuOption-selected {
    background-color: hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2)!important;

 

[arrbee99 1815]

Does any of this help - Not sure what half of it does, but it seems to make (most) stuff red -

 

/*Dark Red  - #A30000;*/

/* ---------------------------------------------------------------------------------------------------- */
/* Overall Colour Scheme */

html:root {
    --mycolour: #A30000;
}

/*html:root {
    --myhighlight: #00A3A3;
}*/

html:root {
    --myhighlight: white;
}

html:root {
    --theme-primary-color-hue: 0 !important;
    --theme-primary-color-saturation: 100% !important;
    --theme-primary-color-lightness: 32% !important;
    --theme-accent-text-color: var(--mycolour);
    --theme-primary-color-lightened: var(--mycolour);
    --theme-icon-focus-background: rgba(120, 120, 120, 0.2);
}

[VegarHenriksen 0]

12 hours ago, arrbee99 said:

Does any of this help

No, but thanks

[arrbee99 1815]

Oh well, mine looks like this -

but the trouble is the css I thought that was doing that doesn't actually seem to do anything and I can't find in my disorganised mess that does. So not much help, as usual.

[beckfield 173]

For the hover color, this seems to work:

 .navDrawerListItemBody:hover {
      background-color: red;
  }

Haven't figured out the 'selected,' but you have a few choices for this in the Settings > Display > Accent Color option.

[VegarHenriksen 0]

It partially works

[VegarHenriksen 0]

removing "body" works - thanks

 .navDrawerListItem:hover {
      background-color: #1b1b1b !important; }

 

[VegarHenriksen 0]

Selected in red is an issue because of the !important tag when you use red as an accent

Edited January 16, 2024 by VegarHenriksen

[VegarHenriksen 0]

Eh, I decided to just copy the replicate the design in Ombi

[visproduction 315]

.drawer-open .navDrawerListItemBody:hover {
    background-color: #517288;
    border-radius: 0.6em;
}

 

[VegarHenriksen 0]

Got it

 

.drawer-open .navDrawerListItem:hover {
    background-color: #1b1b1b !important;
    border-radius: 0.6em;}

.listItem-hoverable:hover .listItem-content-bg::before {
display: none !important;}