From bd098ad5229f2be503eec63792577257133360e9 Mon Sep 17 00:00:00 2001
From: ZeasyAlex <zielonka@zeasy.software>
Date: Mon, 8 Jun 2026 10:59:00 +0200
Subject: [PATCH] =?UTF-8?q?style(charakter-erstellung):=20Textkontrast=20e?=
 =?UTF-8?q?rh=C3=B6hen=20f=C3=BCr=20bessere=20Lesbarkeit?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Lese-Fließtexte (Intro, Messer-Liste, Callout, Fragen-Beschreibungen) von
text-secondary auf text-primary angehoben. Das zu dunkle text-muted (Quellen,
Notizen, Footer) durch das hellere text-secondary ersetzt. Sub-Labels bleiben
text-secondary zur Wahrung der Hierarchie.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 .../components/character-creation-page.tsx    | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/client/src/features/character-creation/components/character-creation-page.tsx b/client/src/features/character-creation/components/character-creation-page.tsx
index 4b79679..ed05bef 100644
--- a/client/src/features/character-creation/components/character-creation-page.tsx
+++ b/client/src/features/character-creation/components/character-creation-page.tsx
@@ -278,7 +278,7 @@ function PartSection({
               </span>
               <div>
                 <p className="font-medium text-text-primary">{q.title}</p>
-                <p className="mt-1 text-sm leading-relaxed text-text-secondary">{q.description}</p>
+                <p className="mt-1 text-sm leading-relaxed text-text-primary">{q.description}</p>
               </div>
             </li>
           ))}
@@ -341,7 +341,7 @@ export function CharacterCreationPage() {
         <h1 className="text-center text-3xl font-bold text-text-primary sm:text-4xl">
           Tipps für die Charaktererstellung
         </h1>
-        <p className="mx-auto mt-3 max-w-2xl text-center text-base leading-relaxed text-text-secondary">
+        <p className="mx-auto mt-3 max-w-2xl text-center text-base leading-relaxed text-text-primary">
           Ein guter Charakter ist mehr als ein Bündel Werte. Diese beiden Werkzeuge helfen dir, eine
           Figur zu erschaffen, die sich am Tisch lebendig anfühlt, die Spielleitung in die Geschichte
           einbinden kann und über die ganze Kampagne hinweg spannend bleibt.
@@ -364,7 +364,7 @@ export function CharacterCreationPage() {
           </div>
 
           <div className="rounded-2xl border border-border bg-bg-secondary/60 p-5 backdrop-blur-sm sm:p-6">
-            <div className="space-y-4 text-text-secondary">
+            <div className="space-y-4 text-text-primary">
               <p className="leading-relaxed">
                 Wenn du die Hintergrundgeschichte eines Charakters schreibst, ist es wichtig, eine
                 gewisse Anzahl an <span className="font-medium text-text-primary">»Messern«</span>{' '}
@@ -381,7 +381,7 @@ export function CharacterCreationPage() {
               </p>
             </div>
 
-            <h3 className="mb-3 mt-6 text-sm font-semibold uppercase tracking-wide text-text-muted">
+            <h3 className="mb-3 mt-6 text-sm font-semibold uppercase tracking-wide text-text-secondary">
               Wie viele Messer hat dein Charakter?
             </h3>
             <ul className="space-y-2.5">
@@ -393,10 +393,10 @@ export function CharacterCreationPage() {
                   <span className="mt-0.5 shrink-0 rounded-md bg-primary-500/15 px-2 py-0.5 text-xs font-semibold text-primary-400">
                     {knife.value}
                   </span>
-                  <span className="text-sm leading-relaxed text-text-secondary">
+                  <span className="text-sm leading-relaxed text-text-primary">
                     {knife.text}
                     {knife.note && (
-                      <span className="mt-1 block text-xs italic text-text-muted">{knife.note}</span>
+                      <span className="mt-1 block text-xs italic text-text-secondary">{knife.note}</span>
                     )}
                   </span>
                 </li>
@@ -405,7 +405,7 @@ export function CharacterCreationPage() {
 
             <div className="mt-5 flex items-start gap-3 rounded-xl border border-primary-500/20 bg-primary-500/5 p-4">
               <Info className="mt-0.5 h-5 w-5 shrink-0 text-primary-400" />
-              <div className="space-y-2 text-sm leading-relaxed text-text-secondary">
+              <div className="space-y-2 text-sm leading-relaxed text-text-primary">
                 <p>
                   Jeder Teil deiner Hintergrundgeschichte, der gegen dich verwendet werden kann, ist
                   ein Messer. Eine gute Spielleitung zerbricht sie in kleinere, schärfere Messer oder
@@ -426,7 +426,7 @@ export function CharacterCreationPage() {
               </div>
             </div>
 
-            <p className="mt-5 text-xs text-text-muted">
+            <p className="mt-5 text-xs text-text-secondary">
               Adaptiert und übersetzt aus einem Beitrag der Community{' '}
               <a
                 href="https://www.reddit.com/r/DnD/comments/775caq/my_friends_and_i_have_something_called_knife/"
@@ -458,7 +458,7 @@ export function CharacterCreationPage() {
             </div>
           </div>
 
-          <p className="mb-5 text-sm leading-relaxed text-text-secondary">
+          <p className="mb-5 text-sm leading-relaxed text-text-primary">
             Bearbeite einen Abschnitt am Stück, statt zwischen ihnen zu springen, denn jede Stufe
             geht tiefer. Für eine kurze Runde genügen oft die ersten fünf Fragen; die ganze Liste lohnt
             sich für lange Kampagnen. Du kannst sie auch in größeren Abständen erneut durchgehen, wenn
@@ -471,7 +471,7 @@ export function CharacterCreationPage() {
             ))}
           </div>
 
-          <p className="mt-5 text-xs text-text-muted">
+          <p className="mt-5 text-xs text-text-secondary">
             Übersetzt und adaptiert aus{' '}
             <a
               href="http://www.plus1gaming.com/2011/07/20-questions-for-deep-character-creation"
@@ -495,7 +495,7 @@ export function CharacterCreationPage() {
             <ArrowLeft className="h-4 w-4" />
             Zurück zur Anmeldung
           </Link>
-          <p className="text-xs text-text-muted">
+          <p className="text-xs text-text-secondary">
             Dimension 47: Charaktererstellung für deine Pathfinder-2e-Tischrunde.
           </p>
         </footer>