Question: horizontal lines dark mode vs. light mode

[hesspoint]

Hi,

I managed to setup my sidebar that it automatically adjusts to light and dark mode (i.e. change the background, font and icon colors) to match.

However one thing I could not find out is how to make the thin horizontal separator lines above and below the menu to adapt. They are always white which makes them show in dark mode but be invisible (i.e. same color as background) in light mode.

Does anyone know the right style setting here? Or is it a bug?

[Mr-HaleYa]

Which lines? Can you show screenshots in both modes showing the lines?

[hesspoint]

These lines I mean They are nicely visible in dark mode

But in light mode they are "invisible"

[Andreasjkoch]

How did you achieve this?

I managed to setup my sidebar that it automatically adjusts to light and dark mode (i.e. change the background, font and icon colors) to match.

[hesspoint]

@Andreasjkoch

I just removed the 2 first lines in ‘style’

--sidebar-background: #000; --sidebar-text-color: #FFF; Then the colors are automatically adjusted to light or dark mode.

Also important is removing

.sidebarMenu li ha-icon { color: #FFF!important; }

Otherwise the icons in menu items are always white and in light mode they will be invisible (as seen on the screenshot). By removing the lines of code above, they will also auto adjust to light/dark mode.

As said the only thing I have not figured out yet is how to make the separator bars change color automatically. So if anyone was successful here let me know