Module incompatibility with css of content links

[kristianserrano]

The black color of content links against the dark background in the effect descriptions makes the links difficult to read. I think using the navajowhite that's used in the heading for the color of the links works well.

[krbz999]

I am not seeing what you are seeing.

[kristianserrano]

This is what I'm seeing.

And this is the CSS being applied.

section.visual-active-effects .effect-item .effect-info .effect-info-details .inline-roll, section.visual-active-effects .effect-item .effect-info .effect-info-details .content-link {
    color: black;
}

[krbz999]

And you tested this in what system, and presumably with only VAE active?

[kristianserrano]

It's in the SWADE system, and not with modules disabled. But that CSS selector in the visual effects CSS file is applying a black color to .content-link regardless.

[krbz999]

This image is taken using only VAE, with SWADE v3.2.5.

[kristianserrano]

I understand. This is content being pulled from a content module over which I have no control. Regardless, VAE's CSS is applying a black color to the .content-link class in the module's CSS. Is that style definition addressing a specific need?

[krbz999]

The text in effect descriptions is set to a brighter color to be readable on the dark background. This also affects the content links, so the black was meant to reset this.

Testing in both swade and dnd5e, using color: initial; instead does the same trick. I'm prepared to make that change if that solves it for you. You can test it yourself in the console.

[kristianserrano]

Setting it to initial seems to bring it back to #ddd as defined in the definition for the selector section.visual-active-effects .effect-item .effect-info .effect-info-details :is(.effect-intro, .collapsible-content, .vae-buttons). Using revert brings it to the same color as the text it seems.

If it's too much trouble to resolve, I'm fine with just overriding it with the rest of my custom styles using the Custom CSS module.

[krbz999]

I don't know what module it is you are using, so I cannot test the interaction myself. Where you should be testing it is by editing the css of VAE. I.e., change it from color: black to color: initial, not adding a new style.

[kristianserrano]

I didn't add a new style. I edited the definition in your file via dev tools.

[krbz999]

Then I am afraid I have no solution. I cannot conditionally apply css depending on whether a module is removing the default border and background of content links.

[kristianserrano]

It's fine. Like I said, I can inject custom CSS myself.