Setting appropriate colors for dark theme seems not to be possible

#710

Proposal: A base WidgetStyle class which is a widget like Layout, specialized for each widget type exposing higher level abstractions than css. For the SliderStyle object:

handle color slider color readout color we could limit this to colors at first…

Does not seem to work yet (ipywidgets.version = 7.0.0). I can only set the handle color. As I am working with a dark background style the default black readout color is very annoying… Or am I doing something wrong:

layout = {'width':'90%', 'height': '80px', 'border': 'solid', 'fontcolor':'red'}
style = {'handle_color': 'red', 'readout_color': 'red', 'slider_color': 'red'}
slides = widgets.interactive(lambda m, f: run(axes, lines, q, p, E, m, twopi*f, dt),
                            f=FloatSlider(min=1, max=100, step=1, continuous_update=False, layout=layout, style=style),
                            m=FloatSlider(min=1, max=100, step=1, continuous_update=False, layout=layout, style=style))

[vks2005]

A simple fix for all those using dark themes on jupyter notebook is to use following code. Just copy the code given below into a new cell and run it before the cells that create ipywidgets in your notebook.

`%%html

<style> .widget-readout{ color:white; } </style>`

[troelstk]

Experienced a similar problem using seaborn plots inside an widgets.Output() widget, where the area around the actual plot was greyed out. Solved it by running below code in a new cell first

%%html
<style>
.box_style{
    width:40%;
    border : 2px solid white;
    height: auto;
    background-color:white;
}
</style>

And setting the style for each box with a plot in it:

fig, ax = plt.subplots(figsize=(10, 10))
output = widgets.Output()
with output:
    ax.plot(x, y)
plot_widget = widgets.Box([output]) 
plot_widget.add_class("box_style")