Skip to content

Fill options not working correctly when using css variable color #5136

@dragonofmercy

Description

@dragonofmercy

Description

When using a css variable in colors or in serie color with area chart type, all fill options depending of color are not working correctly, in this example case, opacity is not correctly set.

Steps to Reproduce

fill: {
    type: 'solid',
    opacity: .25
},
series: [{
    name: 'Total Views',
    color: "var(--test-blue)",
    data: [...]
}],

Expected Behavior

Area color must have 25% opacity

Actual Behavior

Opacity is not at 25% like I will !

Screenshots

Image Image

Reproduction Link

https://codepen.io/dragonofmercy/pen/VYaBOdV

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions