kimmobrunfeldt / kimmobrunfeldt/progressbar.js

How to disable auto-setting text color

Open
#219 0 comments 1 reaction 0 assignees View on GitHub
Dominant language
JavaScript
Stars
7.9k
Forks
1.4k
PR merge metrics
No merged PRs in 30d

Description

How can I set the `style.color` value to be 'inherit' - it seems that `style.color: 'inherit'` is ignored...

I need to style the text from the parent element, but because an empty `style.color` takes the colour of the path and because the colour is set as inline styling, the CSS specificity is too high to override from the parent container.

My specific use case is that the colour of my progress circle changes and I need to always have a matching text colour.

Contributor guide

Open the contributing guide

Research direction

Start by tracing where the progress circle assigns the inline style.color value and how text color is derived from it. Confirm that the text can inherit its parent’s color while the progress circle color continues to change, then verify the progress-circle use case in the relevant example or test if one exists.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.