Make it easier to contribute or develop new styles/ themes

[MarcSkovMadsen]

My Pain

I would like to make awesome analytics apps in Panel with ease :-)

One pain is custom styling/ theming.

As far as I can see there is no tools or similar to enable easily customizing the theme. As far as I can see I need to go through all the bokeh and panel css manually and identify what I want to change and then also create an custom app to see if the changes look as I would like them to.

This is a major task.

I primarily want to customize fonts and colors for now.

Solution

Some potential solutions might be

1. Provide a Color Model and enable using it via Sass (or Jinja template)
   • Bootstrap has https://getbootstrap.com/docs/4.1/getting-started/theming/
   • Material Design has https://material.io/design/color/the-color-system.html#tools-for-picking-colors
2. Provide a Panel app where the user can change fonts and colors, see the effect on all Panel widgets and most used Panes. Then finally can save changes to css.

[MarcSkovMadsen]

[MarcSkovMadsen]

I have started playing around with a panel theme generator. I chose to base it on Bootstrap color scheme since that is closest to what Bokeh and Panel is using. But I actually like the material color model better.