Custom hamburger and busy indicator icon

[rh1]

Dear All
is it possible to customize hamburger icon and busy indicator for example change the color or size

if I put header color as white the hamburger and busy indicator icon is difficult to see

thanks

[ahuang11]

Not that I know of; there might be a push to replace templates with native Panel components.

Create Templates composed solely of Panel components

[ahuang11]

Okay it might be possible if you set raw_css

Removing the header bar

As a workaround you can use css DISABLE_HEADER_CSS = """ nav#header { display: none; } """ pn.extension(raw_css=[DISABLE_HEADER_CSS]) A full example would look like import hvplot.pandas import numpy as np import panel as pn import pandas as pd DISABLE_HEADER_CSS = """ nav#header { display: none; } """ pn.extension(raw_css=[DISABLE_HEADER_CSS]) xs = np.linspace(0, np.pi) freq = pn.widgets.FloatSlider(name="Frequency", start=0, end=10, value=2) phase = pn.widgets.FloatSlider(…

[rh1]

Hi @ahuang11

thanks for your advise. I have used css for changing color hamburger icon as below:

#sidebar-button .pn-bar {
    background-color: #00008B; /* Dark blue color */
    transition: background-color 0.3s ease; /* Smooth color change on hover */
}

However still don’t get how to change color of busy indicator.

thank you

[ahuang11]

One way is to just invert the color perhaps:

filter: invert(100%);

More ideas css - How can I change the color of an 'svg' element? - Stack Overflow

[rh1]

thanks @ahuang11 for your advise