HoloViews Pane does not keep Dark theme after update

[MarcSkovMadsen]

Panel 0.10.1

While working on Streaming Apps I discovered that the HoloViews Pane becomes light themed if you update it while using the ReactTemplate Dark Theme.

My guess is that the problem is there across templates and non-default themes.

Solution

Fix this :-)

Screenshots

Initially it looks fine

But after clicking the EMIT button it looks like

Reproducible example

import numpy as np
import pandas as pd
import panel as pn
import hvplot.pandas

hvplot_pane = pn.pane.HoloViews(sizing_mode="stretch_both")

def update_hvplot(data):
    data = pd.concat(data).reset_index()
    plot = data.hvplot(y="y")
    hvplot_pane.object = plot

def emit(*args):
    data=[pd.DataFrame({"y": [np.random.randn()]}, index=pd.DatetimeIndex([pd.datetime.now()])) for i in range(0,50)]
    update_hvplot(data)
emit()

emit_button = pn.widgets.Button(name="EMIT")
emit_button.on_click(emit)

layout = pn.template.ReactTemplate(
    site="Awesome Panel",
    title="HoloViews",
    theme=pn.template.react.DarkTheme,
    row_height=200,
)
layout.main[0:2, 0:12] = hvplot_pane
layout.main[2:3, 0:12]=pn.Row(emit_button, sizing_mode="stretch_width")
layout.servable()