feat: legibilidad del rastro + mejora de contraste de texto en toda la app
This commit is contained in:
@@ -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.
|
||||
|
||||
---
|
||||
|
||||
|
||||
+6
-6
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user