Skip to content

Commit c3c4e88

Browse files
devsart95claude
andcommitted
fix(light-mode): legibilidad completa — opacidades, colores y fondos
- Hero: tagline opacity 1, color #334155; hero-name-accent filter reducido - Terminal: prompt/cmd/out con colores oscuros legibles - HUD card: hud-key, hud-title-text, hud-badge sin opacity — color #0369a1 - Skills: sd-title #0f172a, sd-sub #475569, sd-badge morado→indigo oscuro - Projects: pc-desc #334155, pc-market #475569, pc-tech bg #f1f5f9 - Contact: cf-label/cf-title opacity 1, input bg #f8fafc sólido - Nav: nav-num con color legible Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1 parent e655096 commit c3c4e88

File tree

1 file changed

+55
-0
lines changed

1 file changed

+55
-0
lines changed

src/index.css

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1020,6 +1020,61 @@ footer p { font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--m
10201020
[data-theme="light"] .section-tag { color: #0284c7; }
10211021
[data-theme="light"] .section-tag svg { stroke: #0284c7; }
10221022

1023+
/* ── LIGHT MODE — correcciones de opacidad y legibilidad ── */
1024+
1025+
/* Hero */
1026+
[data-theme="light"] .hero-tagline-sub { opacity: 1; color: #334155; }
1027+
[data-theme="light"] .hero-name-accent {
1028+
filter: drop-shadow(0 0 18px rgba(2,132,199,.18));
1029+
}
1030+
[data-theme="light"] .hero-role-sep { color: #94a3b8; }
1031+
1032+
/* Terminal */
1033+
[data-theme="light"] .terminal-prompt { opacity: 1; color: #4f46e5; }
1034+
[data-theme="light"] .terminal-cmd { color: #0284c7; }
1035+
[data-theme="light"] .terminal-out { color: #475569; }
1036+
1037+
/* HUD card — sin opacidades que difuminan */
1038+
[data-theme="light"] .hud-key { opacity: 1; color: #0369a1; }
1039+
[data-theme="light"] .hud-key::before{ color: #64748b; opacity: 1; }
1040+
[data-theme="light"] .hud-title-text { opacity: 1; color: #0369a1; }
1041+
[data-theme="light"] .hud-badge { opacity: 1; color: #0369a1; border-color: rgba(3,105,161,.3); }
1042+
[data-theme="light"] .hud-scan {
1043+
background: linear-gradient(90deg, transparent, rgba(2,132,199,.25), transparent);
1044+
}
1045+
1046+
/* Skills */
1047+
[data-theme="light"] .sd-title { color: #0f172a; }
1048+
[data-theme="light"] .sd-sub { color: #475569; }
1049+
[data-theme="light"] .sd-badge {
1050+
color: #4f46e5;
1051+
border-color: rgba(79,70,229,.35);
1052+
background: rgba(79,70,229,.07);
1053+
}
1054+
[data-theme="light"] .skill-domain { border-color: rgba(15,23,42,.1); }
1055+
1056+
/* Projects */
1057+
[data-theme="light"] .pc-desc { color: #334155; }
1058+
[data-theme="light"] .pc-market { color: #475569; }
1059+
[data-theme="light"] .pc-tech { background: #f1f5f9; color: #334155; border-color: rgba(15,23,42,.12); }
1060+
1061+
/* Contact form */
1062+
[data-theme="light"] .cf-label { opacity: 1; color: #0369a1; }
1063+
[data-theme="light"] .cf-title { opacity: 1; color: #0369a1; }
1064+
[data-theme="light"] .cf-title-line { background: linear-gradient(90deg, rgba(2,132,199,.25), transparent); }
1065+
[data-theme="light"] .cf-input { background: #f8fafc; }
1066+
[data-theme="light"] .cf-spinner {
1067+
border-color: rgba(255,255,255,.4);
1068+
border-top-color: #fff;
1069+
}
1070+
[data-theme="light"] .cf-thanks-sub { color: #475569; }
1071+
1072+
/* Social cards */
1073+
[data-theme="light"] .social-card:hover { border-color: rgba(15,23,42,.18); }
1074+
1075+
/* Misc */
1076+
[data-theme="light"] .nav-num { opacity: 0.7; color: #64748b; }
1077+
10231078
/* ── LANG SELECTOR ────────────────────────────────── */
10241079
.lang-selector {
10251080
position: fixed;

0 commit comments

Comments
 (0)