@wylieconlon asked I create this issue to track/discuss theming of Lens Embeddables in Canvas.

Canvas now supports Lens Embeddables. We'd like to work with the Lens team to define and utilize an API for altering various visual attributes of a visualization from our context.

Background

Canvas allows users to define their own CSS style definitions for any Canvas element. This flexibility has made Canvas easier to customize. While we don't expect Lens visualizations to duplicate these granular levels of style flexibility, as Lens approaches GA and visualizations are added to Canvas workpads, the expectation of being able to customize at least some parts of the visualization will be there.

This is something we may be able to leverage in Elastic Charts or other HTML-based embeddables. We're currently exploring options.

Feature Request

While this list may not be exhaustive, we'd like Lens Embeddables to support changing the following attributes:

• Font, including family, style, weight and size
  • It might be prudent to define classes of text-- like label, heading, primary or secondary-- which can customize the above. Viz like Metric might have primary and secondary, for example.

• Palette, including a gradient option

• Line and Border, including color, width, and style (dotted, dashed, etc)
• Background, including color, opacity, perhaps image?
• Fill, including color, opacity
• Scale

We can certainly update/flesh out this list as the conversation proceeds. Thanks!