CSS property 'background' with 'background-clip: text'

Problem

In Dynamic theme, text with gradient (using background: linear-gradient() and background-clip: text) is not readable.

Possible cause/solution

I do not fully understand how Dark Reader works but maybe, in Dynamic theme, Dark Reader treats CSS property background the same whether or not it is used with CSS property background-clip: text;. This results in making the color of text darker rather than lighter. Treating CSS property background with background-clip: text in the same way as CSS property color may help solve the problem.

Example

I am working on a project named Softorage. You may visit it with Dark Reader set to on (Dynamic theme), to see the issue in action.

Thanks for this awesome extension!

[Gusted]

I’ve created a fix for this #2336

[Gusted]

I’m sorry. I didn’t understand the question. The class .tg is correct, if that is what you’re asking.

nvm figured it out

Should darkreader be darkening a linear-gradient when there is CSS property background-clip: text; with it (where ‘it’ is background: linear-gradient(...);)? I was under the impression that background-clip: text; makes the background color (linear-gradient or not) appear as if it is text color (subject to color: transperant; being set). Please correct me if wrong.

After taking a good look at this documentation from Mozilla background-clip is just being used to define/extend where hte background-color should be as color: don’t support linear gradient. It use background-clip: text so the background-color is being used as the color.

I appreciate your efforts.

I’m just doing my job