v7 Promo Box Bug (.promo-light with body .dark)

Question

The .promo light with body using adaptive color scheme or dark has bug and does not have box surrounding when dark. Also, all? URLs do not have color in dark, but are instead white. In template for this can be troubleshooted in promo boxes.html when changing body to dark and viewing these two:

SemiColonWeb · Accepted Answer

Hello, 1. Canvas 7 uses Contrast Scheme by default for extended flexibility and to make every element Dark/Light by default, so the Promo Light uses Color Scheme. You can consider replacing the Class with Classes and this will enable Light Scheme even on the Dark Background. 2. Consider finding the following code in the File: [ch pre type="css"].dark { cnvs link color: var( bs gray 200); cnvs link hover color: var( bs white);[/ch pre] and delete the following: [ch pre type="css"] cnvs link colo…

pardthemonster · Answer

This solution paired with adaptive color scheme does not provide good contrast or ideal solution. My issue may be better understood at: https://www.owlhollowbakery.com/v7/index.html and switching to dark mode and then light mode.

Semicolon Web · Answer

Hello,

Thank You so much for further clarification on this, we see what you mean by this. Consider using the following Code in the Custom CSS:
[ch_pre type="css"].promo {
--cnvs-promo-light: rgba(var(--cnvs-contrast-rgb),0.05);
}[/ch_pre]

If this works fine for you. We will update this shortly in the Package. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

pardthemonster · Answer

Thank you. Will white URL link colors also be addressed in next update? This can be seen further via adaptive-color-scheme here:

https://www.owlhollowbakery.com/v7/press-testimonials.html
vs
https://www.owlhollowbakery.com/press-testimonials.html

Semicolon Web · Answer

Hello,

Currently, you can simply find and delete the following code from the style.css File:
[ch_pre type="css"]--cnvs-link-color: var(--bs-gray-200);[/ch_pre]

We will try including this in an update we will be releasing shortly. It requires some additional testing thus there might be a slight delay. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

pardthemonster · Answer

The promo box CSS solved the first part, but second part for white URLs when dark: deleting cnvs link color: var( bs gray 200); does not resolve making text color again in dark.