vaadin / vaadin/flow-components

[Charts] Enable light DOM styling [3 days]

Open
#9,302 5 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement requires new major vaadin-charts
Dominant language
Java
Stars
129
Forks
78
Avg merge
17h 42m
Merged PRs (30d)
196

Description

Describe your motivation

Right now, in 25.1, the only way to style Charts are with shadow DOM styles, via the deprecated @CssImport. There should be a consistent way to style charts from plain CSS .

Describe the solution you'd like

Add CSS rules to styles.css

Describe alternatives you've considered

No response

Additional context

No response

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating styles.css and the chart styling entry points. Determine how the current shadow DOM styles and deprecated @CssImport are applied, then verify that equivalent chart styling works from plain CSS without relying on @CssImport.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
data-visualization, frontend
Issue type
Feature
Difficulty
3/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.