diff --git a/src/App.css b/src/App.css index edd46d7..233816f 100644 --- a/src/App.css +++ b/src/App.css @@ -1,27 +1,27 @@ -/* Verifier — single functional stylesheet */ +/* Verifier — witchsky cyan base theme */ :root { - --text: #e0e0e0; - --text-muted: #888; - --button-bg: #3b9af8; - --button-text: #fff; - --button-hover-bg: #2a8cd9; - --card-bg: #1a1a2e; - --card-border: #333; - --navbar-bg: #1a1a2e; - --success-bg: rgba(46,204,113,0.15); - --success-text: #2ecc71; - --success-border: rgba(46,204,113,0.3); - --error-bg: rgba(231,76,60,0.15); - --error-text: #e74c3c; - --error-border: rgba(231,76,60,0.3); + --text: #F9FAFB; + --text-muted: #A5B2C5; + --button-bg: hsl(174, 83%, 38%); + --button-text: #FFFFFF; + --button-hover-bg: hsl(174, 78%, 32%); + --card-bg: #1C2B35; + --card-border: #394A58; + --navbar-bg: #15232C; + --success-bg: rgba(45, 242, 143, 0.12); + --success-text: #2CF28F; + --success-border: rgba(45, 242, 143, 0.25); + --error-bg: rgba(246, 90, 127, 0.12); + --error-text: hsl(348, 92%, 64%); + --error-border: rgba(246, 90, 127, 0.25); } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-size: 18px; - background: #0a0a1a; + background: #111822; color: var(--text); min-height: 100vh; } @@ -251,8 +251,8 @@ button:disabled { opacity: 0.6; cursor: not-allowed; } /* Revoke button — only flash animation kept */ @keyframes flash-red-warning { - 0%, 100% { background-color: var(--error-bg); color: var(--error-text); box-shadow: 0 0 0 0 rgba(231,76,60,0.4); } - 50% { background-color: var(--error-text); color: var(--button-text); box-shadow: 0 0 0 8px rgba(231,76,60,0); } + 0%, 100% { background-color: var(--error-bg); color: var(--error-text); box-shadow: 0 0 0 0 rgba(246, 90, 127, 0.4); } + 50% { background-color: var(--error-text); color: var(--button-text); box-shadow: 0 0 0 8px rgba(246, 90, 127, 0); } } .verifier-revoke-button {