question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Make `textDecorationColor` use Variable Colours

See original GitHub issue

Is your feature request related to a problem? Please describe.

Kind of, bit of a pain in dev.

Describe the solution you’d like

For the same thing to happen for color and textDecorationColor Screenshot 2021-04-24 at 7 06 58 PM Screenshot 2021-04-24 at 7 06 45 PM

Thanks for reading my request!

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
sampodercommented, Apr 27, 2021

oh that’s great, thank you for the tip @fcisio !

1reaction
fcisiocommented, Apr 26, 2021

Hey, in addition to the PR, I would recommend the use of the currentColor CSS property.

It works like this:

color: 'elevated',
textDecorationColor: 'currentColor'

This property allows affecting the value of the color property to any other property. It’s a bit more efficient way to handle that kind of use case. This way you can define the color only once.

So if you have to change the color at any point you can change it in a single place. Hope this helps 👋

Read more comments on GitHub >

github_iconTop Results From Across the Web

text-decoration-color - CSS: Cascading Style Sheets | MDN
The text-decoration-color CSS property sets the color of decorations added to text by text-decoration-line.
Read more >
Working with text decoration color - Stack Overflow
I want to change text decoration underline color on hover. But I want underline color to be different than text color. I have...
Read more >
Winning with CSS Variables | hey it's violet
I'll be walking through the basics of CSS variables, how they are different from Sass variables, and how to provide legacy support. How...
Read more >
"currentColor", the first CSS variable - DEV Community ‍ ‍
The currentColor keyword is basically what it sounds like: it's a special keyword that holds the value of the color property at the...
Read more >
CSS Variables - The var() function - W3Schools
CSS variables have access to the DOM, which means that you can create ... A good way to use CSS variables is when...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found