Fade out focus rings after a timeout

[danirabbit]

Problem

There’s been a number of complaints over the years from folks who don’t like seeing the keyboard focus styles all of the time. It’s probably reasonable that these styles are only important while navigating and not so important and maybe even distracting when not navigating

Proposal

I wonder if it might make sense to have focus styles be on a long animation so that maybe after a few seconds they slowly fade out

[danirabbit]

Should do a proper branch, but you can throw this in inspector and see how this feels in Music

button:focus {
    background: none;
    color: inherit;
    animation: focus 3s cubic-bezier(1, 0, 0.2, 1) 1;
}

@keyframes focus {
    from {
        background: @selected_bg_color;
        color: @selected_fg_color;
    }
    to {
        background: none;
        color: inherit;
    }
}