From f9acd12548af8fc8bd756af83a65789c80bfa740 Mon Sep 17 00:00:00 2001
From: Aitor <kensabe@proton.me>
Date: Wed, 3 Jun 2026 09:33:41 +0200
Subject: [PATCH] feat: legibilidad del rastro + mejora de contraste de texto
 en toda la app

---
 CHANGELOG.md   |  5 +++++
 dashboard.html | 12 ++++++------
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2f712c3..8af3c32 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -31,6 +31,11 @@ y el versionado sigue [Versionado Semántico](https://semver.org/lang/es/):
   - Detalle ampliado al pasar el ratón (o tocar en móvil) sobre el indicador
     de estructura: número exacto de entradas y salidas, valor en sat y BTC,
     bloque, comisión y tasa. Mantiene la vista limpia y el detalle a mano.
+- Contraste de texto mejorado en toda la aplicación. El texto secundario
+  (descripciones, datos de apoyo, el texto dentro de las casillas y el pie de
+  página) era demasiado tenue y costaba leerlo. Se ha subido su contraste en
+  los cuatro temas, manteniendo la jerarquía visual: el texto secundario se
+  sigue distinguiendo del principal, pero ahora se lee con comodidad.
 
 ---
 
diff --git a/dashboard.html b/dashboard.html
index 5790d38..f8da903 100644
--- a/dashboard.html
+++ b/dashboard.html
@@ -15,7 +15,7 @@
     @keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.3} }
     @keyframes spin { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
     button:disabled { opacity:0.4; cursor:not-allowed !important; }
-    input::placeholder { color: #243040; }
+    input::placeholder { color: #4a6380; }
   </style>
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap" rel="stylesheet">
@@ -49,7 +49,7 @@
         purple:"#b06ef3", purpleMuted:"rgba(176,110,243,0.08)",
         blue:"#41c8f5", blueMuted:"rgba(65,200,245,0.08)",
         red:"#f56565", redMuted:"rgba(245,101,101,0.08)",
-        t1:"#dde6f0", t2:"#4a6380", t3:"#243040",
+        t1:"#dde6f0", t2:"#6b88a8", t3:"#3a4d63",
         headerBg:"rgba(5,8,13,0.93)",
       },
       amber: {
@@ -60,7 +60,7 @@
         purple:"#ffcc44", purpleMuted:"rgba(255,204,68,0.08)",
         blue:"#ffd966", blueMuted:"rgba(255,217,102,0.08)",
         red:"#ff4400", redMuted:"rgba(255,68,0,0.08)",
-        t1:"#ffe066", t2:"#7a6020", t3:"#3d3000",
+        t1:"#ffe066", t2:"#a8862e", t3:"#5c4810",
         headerBg:"rgba(10,8,0,0.95)",
       },
       slate: {
@@ -71,7 +71,7 @@
         purple:"#a5b4fc", purpleMuted:"rgba(165,180,252,0.08)",
         blue:"#38bdf8", blueMuted:"rgba(56,189,248,0.08)",
         red:"#f87171", redMuted:"rgba(248,113,113,0.08)",
-        t1:"#e2eaf4", t2:"#4a6a8a", t3:"#1e2d3d",
+        t1:"#e2eaf4", t2:"#6b8cad", t3:"#34495f",
         headerBg:"rgba(14,17,23,0.95)",
       },
       light: {
@@ -82,7 +82,7 @@
         purple:"#7c3aed", purpleMuted:"rgba(124,58,237,0.08)",
         blue:"#0284c7", blueMuted:"rgba(2,132,199,0.08)",
         red:"#dc2626", redMuted:"rgba(220,38,38,0.08)",
-        t1:"#0f172a", t2:"#64748b", t3:"#cbd5e1",
+        t1:"#0f172a", t2:"#475569", t3:"#94a3b8",
         headerBg:"rgba(244,246,249,0.97)",
       },
     };
@@ -3539,7 +3539,7 @@
           <footer style={{borderTop:`1px solid ${C.border}`,padding:"10px 18px",display:"flex",alignItems:"center",justifyContent:"center",gap:6}}>
             <span style={{fontSize:"0.95rem",color:C.amber}}>₿</span>
             <span style={{fontFamily:"monospace",fontSize:"0.62rem",color:C.amber,letterSpacing:"0.12em"}}>txoko</span>
-            <span style={{fontFamily:"monospace",fontSize:"0.62rem",color:C.t3,letterSpacing:"0.05em"}}>· your node, your rules</span>
+            <span style={{fontFamily:"monospace",fontSize:"0.62rem",color:C.t2,letterSpacing:"0.05em"}}>· your node, your rules</span>
           </footer>
           {showConfig&&<ConfigModal config={config} onSave={cfg=>{setConfig(cfg);setShowConfig(false);}} onClose={()=>setShowConfig(false)}/>}
         </div>