diff --git a/src/styles.css b/src/styles.css index 9ffc056..9c4ac3f 100644 --- a/src/styles.css +++ b/src/styles.css @@ -1150,6 +1150,19 @@ select option { transition: all 0.2s; } +.btn:focus-visible { + outline: none; + box-shadow: 0 0 0 2px rgba(145, 70, 255, 0.65); +} + +.btn-start:focus-visible { + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.85), 0 0 0 4px rgba(0, 200, 83, 0.65); +} + +.btn-start.downloading:focus-visible { + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.85), 0 0 0 4px rgba(229, 70, 70, 0.65); +} + .btn-retry { background: #2a3344; color: #d9e4f7; @@ -1249,6 +1262,17 @@ select option { transform: scale(0.94); } +.header-search button:focus-visible { + outline: none; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.85), 0 0 0 4px rgba(145, 70, 255, 0.55); +} + +.header-search input:focus-visible { + outline: none; + border-color: rgba(145, 70, 255, 0.6); + box-shadow: 0 0 0 2px rgba(145, 70, 255, 0.35); +} + .btn-icon { background: var(--bg-card); border: 1px solid var(--border-soft); @@ -1278,6 +1302,12 @@ select option { transform: scale(0.96); } +.btn-icon:focus-visible { + outline: none; + box-shadow: 0 0 0 2px rgba(145, 70, 255, 0.65); + border-color: rgba(145, 70, 255, 0.55); +} + @keyframes btn-icon-spin { from { transform: rotate(0deg); } to { transform: rotate(180deg); }