VegarHenriksen 0 Posted January 15 Share Posted January 15 Hello! Can anyone help me out with what css command to use to change the hover and selected color for the sidebar menu? Link to comment Share on other sites More sharing options...
VegarHenriksen 0 Posted January 15 Author Share Posted January 15 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; Link to comment Share on other sites More sharing options...
arrbee99 1560 Posted January 15 Share Posted January 15 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); } Link to comment Share on other sites More sharing options...
VegarHenriksen 0 Posted January 15 Author Share Posted January 15 12 hours ago, arrbee99 said: Does any of this help No, but thanks Link to comment Share on other sites More sharing options...
arrbee99 1560 Posted January 15 Share Posted January 15 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. Link to comment Share on other sites More sharing options...
beckfield 92 Posted January 16 Share Posted January 16 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. Link to comment Share on other sites More sharing options...
VegarHenriksen 0 Posted January 16 Author Share Posted January 16 It partially works Link to comment Share on other sites More sharing options...
VegarHenriksen 0 Posted January 16 Author Share Posted January 16 removing "body" works - thanks .navDrawerListItem:hover { background-color: #1b1b1b !important; } Link to comment Share on other sites More sharing options...
VegarHenriksen 0 Posted January 16 Author Share Posted January 16 (edited) Selected in red is an issue because of the !important tag when you use red as an accent Edited January 16 by VegarHenriksen Link to comment Share on other sites More sharing options...
VegarHenriksen 0 Posted January 16 Author Share Posted January 16 Eh, I decided to just copy the replicate the design in Ombi Link to comment Share on other sites More sharing options...
visproduction 122 Posted January 21 Share Posted January 21 .drawer-open .navDrawerListItemBody:hover { background-color: #517288; border-radius: 0.6em; } Link to comment Share on other sites More sharing options...
VegarHenriksen 0 Posted February 3 Author Share Posted February 3 Got it .drawer-open .navDrawerListItem:hover { background-color: #1b1b1b !important; border-radius: 0.6em;} .listItem-hoverable:hover .listItem-content-bg::before { display: none !important;} Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now