/** * The theme is dark-first: is white text, and a light-mode group flips the background to * white without setting a text color, recoloring only the elements it knows about (headings, * links). So anything generic inside one inherits white on white and disappears — which is what * happened here, and why deriving these colors from the inherited color did not fix it. * * Default to inherit, which is correct on the dark background everywhere else, and name the * theme's own primary token inside a light group. */ .wp-block-gravitykit-newsletter-list .gk-nl-list { list-style: none; margin: 0; padding: 0; text-align: start; } .wp-block-gravitykit-newsletter-list .gk-nl-list__item { border-block-end: 1px solid color-mix(in srgb, currentColor 18%, transparent); padding-block: .9em; } .wp-block-gravitykit-newsletter-list .gk-nl-list__item:last-child { border-block-end: 0; } .wp-block-gravitykit-newsletter-list .gk-nl-list__date { display: block; font-size: .8125em; margin-block-end: .15em; opacity: .75; } .wp-block-gravitykit-newsletter-list .gk-nl-list__link { font-weight: 600; text-underline-offset: 2px; } .wp-block-gravitykit-newsletter-list .gk-nl-list__excerpt { font-size: .9375em; margin: .25em 0 0; opacity: .85; } /* Only the theme's explicit light-container contract. `.has-background:not(.has-text-color)` also matches DARK groups, where this would put navy text on a dark background. */ .is-style-filter-light-mode .wp-block-gravitykit-newsletter-list .gk-nl-list { color: var(--wp--preset--color--primary, #001a4d); }