From 5d38204c168d93b931aad96af325b9c4a8178639 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Wed, 24 Jun 2026 15:23:00 +0200
Subject: [PATCH] Make public page text and picture pattern text white

---
 semantic-tokens-patterns.html               | 1 +
 styles/45-patterns-public-page-patterns.css | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/semantic-tokens-patterns.html b/semantic-tokens-patterns.html
index 11665ee..d6def3c 100644
--- a/semantic-tokens-patterns.html
+++ b/semantic-tokens-patterns.html
@@ -20,6 +20,7 @@
         <tr><td>layout-public-page-pattern-content-width</td><td>dimension-public-content-width</td><td>Gemeinsame Breite für Inhalte im Public-Page-Pattern-Kontext.</td></tr>
         <tr><td>layout-public-page-pattern-text-picture-columns</td><td>repeat(2, minmax(0, 1fr))</td><td>Spaltenraster des Patterns <code>Pattern: text and picture right</code> mit zwei gleich breiten Spalten.</td></tr>
         <tr><td>layout-public-page-pattern-text-picture-gap</td><td>spacing-large</td><td>Spaltenabstand zwischen Text und Bild im Pattern <code>Pattern: text and picture right</code>.</td></tr>
+        <tr><td>text-public-page-pattern-text-picture</td><td>color-font-light</td><td>Textfarbe des Patterns <code>Pattern: text and picture right</code>.</td></tr>
       </tbody>
     </table>
 
diff --git a/styles/45-patterns-public-page-patterns.css b/styles/45-patterns-public-page-patterns.css
index 2e6c4da..5230a3f 100644
--- a/styles/45-patterns-public-page-patterns.css
+++ b/styles/45-patterns-public-page-patterns.css
@@ -11,6 +11,7 @@
 .sg-public-page-pattern-text-and-picture-right {
   --layout-public-page-pattern-text-picture-columns: repeat(2, minmax(0, 1fr));
   --layout-public-page-pattern-text-picture-gap: var(--spacing-large);
+  --text-public-page-pattern-text-picture: var(--color-font-light);
   display: grid;
   width: 100%;
   min-width: 0;
@@ -18,6 +19,7 @@
   grid-template-areas: "text picture";
   gap: var(--layout-public-page-pattern-text-picture-gap);
   align-items: start;
+  color: var(--text-public-page-pattern-text-picture);
 }
 
 .sg-public-page-pattern-text-and-picture-right__text {
@@ -32,6 +34,7 @@
 
 .sg-public-page-pattern-text-and-picture-right__text .sg-body {
   margin: 0;
+  color: var(--text-public-page-pattern-text-picture);
 }
 
 @media (max-width: 48rem) {