[8.0 Research] Dashboard UI Refresh

[clintandrewhall]

Summary of Exploration or Proposed Change

Changes to how a Dashboard looks are considered a breaking change. Therefore, we need to target any redesign of Dashboards for 8.0.

While design conversations are ongoing, we should be considering the technical approach early on.

Proposal: "Dashboard Themes"

1. Identify all probable/possible style factors in a Dashboard as a "Theme", e.g. border, (style, round, hidden), background, font, margin, padding, min/max width/height, wrap, scroll, etc.
2. Propose a JSON structure/API to customize the theme.
   a. It would be RAD to consider using expressions to define them (!!)
   b. We could leverage/expand existing expression functions to define styles.
3. Apply an early redesign to Dashboards to validate the Theme structure.
4. Produce several themes (light/dark of foo and bar)
5. Provide UI to import/export and change Dashboard themes.

Inspiration

• Visual Studio

Findings

Summarize the findings of the research. Be as detailed as possible and appropriate. Link to any feature branches or other documents, as appropriate. Fill out the list below according to our planning strategy.

• Proposed Priority: High
• Level of Effort: Medium/High
• Dependencies (if any):
  • Design
  • Expressions (?)
• Proposed development: [7.x]

[elasticmachine]

Pinging @elastic/kibana-presentation (Team:Presentation)

[Heenawter]

With the Aesthetic by Default initiative, I think that we are still narrowing down the requirements for how to make Dashboard look better + adding more customizable UI. We are narrowing down our backlog to more direct action items that fit into our current roadmap, so I'm closing this for now since it's pretty open ended 👍