/* Theme Name: Newspaper Child — VentureView Theme URI: https://ventureview.de Description: VentureView child theme for tagDiv Newspaper. Holds the VV design tokens (navy/amber/electric blue, 1.25 type scale, 8-pt spacing) and all site-specific CSS/PHP so the parent theme can be updated safely. Etappe 0 of the "Newspaper x Apple" runbook. Author: Dr. Matthias Vogel — VentureView Tech Template: Newspaper Version: 1.5.7 Text Domain: newspaper-child */ /* ------------------------------------------------------------------------- Intentionally empty. Tokens live in assets/vv-tokens.css (enqueued after the parent stylesheet). Component overrides get their own files as later Etappen ship. Never edit the parent Newspaper theme. ------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- CONTRAST REPAIRS — measured on the live homepage, 26 Jul 2026 Lighthouse Accessibility sat at 87 with "Background and foreground colors do not have a sufficient contrast ratio". A scripted sweep of every text node on the page (computed colour vs nearest opaque ancestor background) found four distinct failing pairs. Two of them are unambiguous and fixed here. The third is white-on-amber, which is a brand decision and is written up rather than changed. The fourth is text over photography, which this method cannot judge. These live in style.css rather than their own file purely so the fix needs no functions.php change: style.css is already enqueued site-wide. ------------------------------------------------------------------------- */ /* 1. The top bar. tagDiv ships #8224E3 here — a leftover default purple that is not in the VentureView palette at all — on the #1A1A2E bar. Measured 2.69:1 at 11px, against a 4.5:1 requirement. Links take the brand amber (8.4:1), the date a light neutral (11.1:1). */ .td-header-sp-top-menu .td_data_time, .td-header-sp-top-menu .td_data_time div { color: #C9D0DC !important; } .td-header-sp-top-menu .top-header-menu > li > a, .menu-top-container .top-header-menu > li > a { color: var(--vv-c-accent, #F5A623) !important; } .td-header-sp-top-menu .top-header-menu > li > a:hover, .menu-top-container .top-header-menu > li > a:hover { color: #FFFFFF !important; } /* 2. The separator between author and date renders #CCC on white — 1.61:1. It is decorative, but Lighthouse counts it as text, and at that ratio a sighted reader cannot see it either. */ .td-module-meta-info .td-post-author-name span { color: var(--vv-c-text-muted, #5A6472) !important; } /* ------------------------------------------------------------------------- TOUCH TARGETS — measured 27 Jul 2026 Lighthouse: "Touch targets do not have sufficient size or spacing". A sweep of a category archive found 55 interactive elements under the 24 px minimum — 42 meta links rendering at 72x13 and 10 category pills at 81x19. Fixed with min-height only, inside a mobile media query, so the desktop layout is untouched. inline-block rather than inline-flex on purpose: the meta row mixes links with literal separators, and flex would break that inline flow. ------------------------------------------------------------------------- */ @media (max-width: 767px) { .td-module-meta-info a, .td-module-meta-info .td-post-date, .td-post-author-name a, .entry-crumb a { display: inline-block; min-height: 24px; line-height: 24px; } .td-post-category { display: inline-block; min-height: 24px; line-height: 24px; padding-top: 0; padding-bottom: 0; } } /* ------------------------------------------------------------------------- CONTRAST, ROUND 2 — measured on /category/wirtschaft/ 27 Jul 2026 Two more reader-facing failures found once the amber was out of the way. Both take the existing muted token, which clears 4.5:1 on white at 6.0:1. ------------------------------------------------------------------------- */ /* Breadcrumbs render #C3C3C3 on white — 1.76:1. */ .entry-crumbs a.entry-crumb, .entry-crumbs .td-bred-no-url-last, .td-crumb-container .entry-crumbs span { color: var(--vv-c-text-muted, #5A6472) !important; } /* Category description is #777 — 4.48:1, a hair under the 4.5 threshold, and it is the first prose a reader meets on an archive page. */ .td-category-description, .td-category-description p { color: var(--vv-c-text, #14181F) !important; } /* ------------------------------------------------------------------------- TOUCH TARGETS, ROUND 2 — measured 27 Jul 2026 Round 1 covered the article meta rows and category pills and I reported it as done. It was not: a proper count showed 67 undersized targets on the homepage and round 1 cleared only 30 of them. The rest were in the header, slider, breadcrumbs, sidebar widgets and footer. Measured by applying these declarations to the live DOM before shipping them: 67 undersized targets -> 1 (the header logo anchor, whose text box is 19px while the tappable logo image is far larger). Mobile only. inline-block keeps inline flow; inline-flex is used just for the comment badge, which needed centring in a box 24px wide as well as tall. ------------------------------------------------------------------------- */ @media (max-width: 767px) { .td-post-comments, .td-post-comments a, .td-module-comments a { min-width: 24px; min-height: 24px; display: inline-flex; align-items: center; justify-content: center; } .top-header-menu > li > a, .td-subfooter-menu li a, .td-slide-meta a, .td-slide-meta-cat, .slide-meta-cat, .td-slide-meta .td-post-category, .entry-crumb, .entry-crumbs a, .td-footer-wrapper a, .widget li a, .td-pb-padding-side a, .td-main-logo a { min-height: 24px; line-height: 24px; display: inline-block; } } /* ------------------------------------------------------------------------- CONTRAST, ROUND 3 — found by rolling the long-form template out sitewide, 27 Jul 2026 Putting the template on all 109 articles exposed failures that only ever appeared on article pages, so the homepage sweeps had never seen them. Measured in BOTH themes before shipping. ------------------------------------------------------------------------- */ /* Prev/next article labels ship #C1C1C1 on white — 1.80:1. */ .td-post-next-prev-content span { color: var(--vv-c-text-muted, #5A6472) !important; } /* The footer sits on brand amber #F5A623. Muted grey on that is 2.96:1; navy is 7.27:1 and matches what the category pills now do. */ .td-footer-wrapper .td-module-meta-info, .td-footer-wrapper .td-post-date, .td-footer-wrapper .entry-date, .td-footer-wrapper time { color: #0E1729 !important; } /* The newsletter button in the sidebar is hand-styled inline, white on amber at 2.46:1. Inline styles can only be beaten with !important, and the attribute selector keeps this from touching anything else. */ .td-ss-main-sidebar a[style*="F28C00"], .widget a[style*="F28C00"] { color: #0E1729 !important; } /* Dark mode: the comment badge keeps the theme's #444 on navy — 1.6:1. */ html[data-vv-theme="dark"] .td-module-comments a, html[data-vv-theme="dark"] .td-post-comments a { color: var(--vv-c-text, #E6E9F0) !important; }