Text background colour white

[CassStevenson]

Suddenly noticed that text background is white when using jupyterbook/pydata-sphinx-theme with markdown files. I've noticed this when using grid-cards when the css for the card species a specific colour; cannot seem to resolve.

Previous build of same files where this does not occur (github pages/repo):
https://ab-rcsc.github.io/rc-decision-support-tool_concept-library/
https://github.com/AB-RCSC/rc-decision-support-tool_concept-library

New build of same files where this issue DOES occur (github pages/repo):
https://ab-rcsc.github.io/rc-decision-support-tool_concept-library_dev/
https://github.com/AB-RCSC/rc-decision-support-tool_concept-library_dev

[drammock]

this change was introduced by #2058. The CSS selector for those elements is .bd-content .sd-card .sd-card-body, which was previously getting assigned a non-existent color variable for its background-color property, so it (accidentally) had no color at all. We consider it a bugfix that those nodes now have a proper background color.

It looks like you're setting card colors using solid .png images rather than CSS, so I guess the minimal fix for your case would be a new CSS rule that unsets the background-color property for those nodes, e.g. something like:

.bd-content .sd-card .sd-card-body {
    background-color: unset !important;
}

Closing, because I think the right fix here is in user CSS, not in the theme. Feel free to re-open if I've misunderstood something though, @CassStevenson

[CassStevenson]

Awesome. That works swimmingly. Thanks so much for your help

…

On Tue, Jan 28, 2025 at 11:11 AM Daniel McCloy ***@***.***> wrote: this change was introduced by #2058 <#2058>. The CSS selector for those elements is .bd-content .sd-card .sd-card-body, which was previously getting assigned a non-existent color variable, so it had no color at all. We consider it a bugfix that they now have a proper background color. It looks like you're setting card colors using solid .png images rather than CSS, so I guess the minimal fix for your case would be a new CSS rule that unsets the background-color property for those nodes, e.g. something like: .bd-content .sd-card .sd-card-body { background-color: unset !important; } Closing, because I think the right fix here is in user CSS, not in the theme. Feel free to re-open if I've misunderstood something though, @CassStevenson <https://github.com/CassStevenson> — Reply to this email directly, view it on GitHub <#2112 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AZVGXSD24X4F3OQOO5TFXVD2M7B6RAVCNFSM6AAAAABV7P6HRKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDMMJZG4ZDSMJZHA> . You are receiving this because you were mentioned.Message ID: ***@***.***>