diff --git a/static/css/style.css b/static/css/style.css index b7f0f5e..1135be4 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -426,18 +426,47 @@ button:disabled { .setup-form input { padding: 0.5rem; - border: 1px solid var(--border-color); + border: 1px solid #3f4049; border-radius: 4px; - background-color: var(--input-bg); + background-color: #1e1f26; color: var(--text-color); + transition: border-color 0.2s ease, box-shadow 0.2s ease; } .setup-form input:focus { outline: none; - border-color: var(--primary-color); - box-shadow: 0 0 0 2px rgba(var(--primary-color-rgb), 0.2); + border-color: var(--primary-red); + box-shadow: 0 0 0 2px rgba(244, 63, 63, 0.2); +} + +.setup-form input:hover { + border-color: #4f5159; } .setup-form button { margin-top: 1rem; + background-color: #2ecc71; + color: var(--text-color); + border: none; + padding: 0.75rem 1rem; + border-radius: 4px; + font-size: 1rem; + font-weight: 500; + cursor: pointer; + transition: background-color 0.2s ease; + text-transform: uppercase; + letter-spacing: 0.5px; +} + +.setup-form button:hover { + background-color: #27ae60; +} + +.setup-form button:active { + background-color: #219a52; +} + +.setup-form button:disabled { + background-color: #666; + cursor: not-allowed; }