From ccf500fc62ad58e44d5b4a5a981ccb0c738b10e4 Mon Sep 17 00:00:00 2001
From: Peter Meier <peter.meier.1986@gmail.com>
Date: Mon, 22 Jun 2026 16:07:46 +0200
Subject: [PATCH] style: Lead-Absatz schwarz + Kommentar-Empty-State dezenter

- app.css: erster Markdown-Absatz im Artikel auf --text-primary (schwarz)
  statt --text-secondary (grau).
- Comments-Empty-State: kleineres helleres Icon (size-5/stein-300), Text
  semibold + stein-300 (gleich hell wie Icon), engerer Icon-Text-Abstand.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/app.css                        | 2 +-
 src/lib/components/Comments.svelte | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app.css b/src/app.css
index 672c292..76d09ab 100644
--- a/src/app.css
+++ b/src/app.css
@@ -468,7 +468,7 @@ article [data-block-type="markdown"] .markdown > p:first-child {
     font-size: 1.25rem;
     line-height: 1.55;
     font-weight: 300;
-    color: var(--text-secondary);
+    color: var(--text-primary);
     margin-bottom: 1.25em;
 }
 
diff --git a/src/lib/components/Comments.svelte b/src/lib/components/Comments.svelte
index ad40a5f..ec78b04 100644
--- a/src/lib/components/Comments.svelte
+++ b/src/lib/components/Comments.svelte
@@ -400,9 +400,9 @@
     </div>
   {:else}
     {#if topLevel.length === 0}
-      <div class="flex flex-col items-center gap-2 py-8 text-center sm:flex-row sm:items-center sm:text-left sm:py-4 sm:gap-3">
-        <Icon icon="mdi:comment-text-outline" class="size-10 text-stein-300 shrink-0" />
-        <p class="text-sm text-stein-500">{t(T.comments_empty)}</p>
+      <div class="flex flex-col items-center gap-1 py-8 text-center sm:flex-row sm:items-center sm:text-left sm:py-4 sm:gap-1.5">
+        <Icon icon="mdi:comment-text-outline" class="size-5 text-stein-300 shrink-0" />
+        <p class="text-sm font-semibold text-stein-300">{t(T.comments_empty)}</p>
       </div>
     {:else}
       <ul class="space-y-5 mb-8 list-none p-0">