From 63a0f05e92e837b7766e2beafaf973bc88642c25 Mon Sep 17 00:00:00 2001
From: Jure <44338+hoornet@users.noreply.github.com>
Date: Thu, 9 Apr 2026 19:47:19 +0200
Subject: [PATCH] =?UTF-8?q?Polish=20pass=2011=20=E2=80=94=20color=20tokens?=
 =?UTF-8?q?,=20text=20size=20consistency,=20overlay=20fix?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- V4VHistory: text-amber-400 → text-zap on sats total
- V4VSettings: size status dot to text-[8px] for visual consistency
- Feed: last-updated timestamp text-[10px] → text-[11px] (matches siblings)
- NoteContent: +N overlay bg-black/50 → bg-bg/60, text-white → text-text,
  text-lg → text-[14px] (consistent with rest of file)
- RelaysView: last-checked timestamp text-[9px] → text-[10px]
---
 src/components/feed/Feed.tsx         | 2 +-
 src/components/feed/NoteContent.tsx  | 4 ++--
 src/components/shared/RelaysView.tsx | 2 +-
 src/components/v4v/V4VHistory.tsx    | 2 +-
 src/components/v4v/V4VSettings.tsx   | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/feed/Feed.tsx b/src/components/feed/Feed.tsx
index e1d379b..5eb0f1d 100644
--- a/src/components/feed/Feed.tsx
+++ b/src/components/feed/Feed.tsx
@@ -172,7 +172,7 @@ export function Feed() {
           </select>
           <RelayStatusBadge />
           {lastUpdated[tab] && (
-            <span className="text-text-dim text-[10px]">{timeAgo(lastUpdated[tab])}</span>
+            <span className="text-text-dim text-[11px]">{timeAgo(lastUpdated[tab])}</span>
           )}
           <button
             onClick={() => {
diff --git a/src/components/feed/NoteContent.tsx b/src/components/feed/NoteContent.tsx
index e3cfac8..6f4a62a 100644
--- a/src/components/feed/NoteContent.tsx
+++ b/src/components/feed/NoteContent.tsx
@@ -97,10 +97,10 @@ function ImageGrid({ images, onImageClick }: { images: string[]; onImageClick: (
           />
           {idx === 3 && extraCount > 0 && (
             <div
-              className="absolute inset-0 bg-black/50 flex items-center justify-center rounded-sm cursor-zoom-in"
+              className="absolute inset-0 bg-bg/60 flex items-center justify-center rounded-sm cursor-zoom-in"
               onClick={(e) => { e.stopPropagation(); onImageClick(idx); }}
             >
-              <span className="text-white text-lg font-semibold">+{extraCount}</span>
+              <span className="text-text text-[14px] font-semibold">+{extraCount}</span>
             </div>
           )}
         </div>
diff --git a/src/components/shared/RelaysView.tsx b/src/components/shared/RelaysView.tsx
index 628ad6d..0e36226 100644
--- a/src/components/shared/RelaysView.tsx
+++ b/src/components/shared/RelaysView.tsx
@@ -243,7 +243,7 @@ export function RelaysView() {
           </div>
           <div className="flex items-center gap-2">
             {lastChecked && (
-              <span className="text-text-dim text-[9px]">
+              <span className="text-text-dim text-[10px]">
                 {new Date(lastChecked).toLocaleTimeString()}
               </span>
             )}
diff --git a/src/components/v4v/V4VHistory.tsx b/src/components/v4v/V4VHistory.tsx
index f7af5a2..e2acfa3 100644
--- a/src/components/v4v/V4VHistory.tsx
+++ b/src/components/v4v/V4VHistory.tsx
@@ -22,7 +22,7 @@ function HistoryRow({ entry }: { entry: V4VHistoryEntry }) {
             <div className="text-[10px] text-text-dim truncate">{entry.showTitle}</div>
           </div>
           <div className="shrink-0 text-right ml-3">
-            <div className="text-[12px] text-amber-400 font-medium">{totalSats} sats</div>
+            <div className="text-[12px] text-zap font-medium">{totalSats} sats</div>
             <div className="text-[9px] text-text-dim">{formatDate(entry.timestamp)}</div>
           </div>
         </div>
diff --git a/src/components/v4v/V4VSettings.tsx b/src/components/v4v/V4VSettings.tsx
index 16d0363..da34b36 100644
--- a/src/components/v4v/V4VSettings.tsx
+++ b/src/components/v4v/V4VSettings.tsx
@@ -46,7 +46,7 @@ export function V4VSettings() {
         </p>
         {autoEnabled && (
           <div className="mt-2 text-[10px] text-success flex items-center gap-1">
-            <span>&#9679;</span> Auto-streaming is active
+            <span className="text-[8px]">&#9679;</span> Auto-streaming is active
           </div>
         )}
       </section>