Theme-aware tokens for graphs
Open
Nobody has claimed this yet.
enhancement
- Dominant language
- TypeScript
- Stars
- 39
- Forks
- 14
- Avg merge
- 1d 16h
- Merged PRs (30d)
- 13
Description
😯 Problem to Solve
The PDV app in SLE is going to add a Plotly graph to their app. It would be good for Nimble to help them style it with theme-aware colors/fonts/spacing/line thicknesses.

💁 Proposed Solution
Ideas:
- Provide dedicated theme-aware tokens for the graph
- Update our documentation for existing generic theme-aware tokens to describe how they apply to graphs
- Ship a style sheet that applies tokens to a plotly graph
- Provide an example of applying tokens to a plotly graph
- A dedicated
nimble-graphcomponent that wraps plotly in a FAST template and applies the tokens automatically- in past discussions we've leaned away from this approach because the ROI seems low...it would take a lot of work to expose all the APIs for the graph in a custom element and apps tend to want to do a lot of customization of graphs
## 📋 Tasks
- [ ] #787
- [ ] Implement tokens
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with task #787 and the Plotly graph use case described in the issue. Resolve whether the scope is tokens, documentation, a stylesheet, an example, or a nimble-graph component; completion is not defined until one approach and its acceptance criteria are selected.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100