Adjust focus outline colors and styles

[gcamacho079]

Description

Also adds an “outset” style so that the focus outline can be differentiated from dark button backgrounds. Previously, a size difference was the most apparent change for dark buttons, as the contrast ratio may not be high enough for some users to differentiate the focus outline from the button itself easily; this could also be a challenge to see when there were no adjacent controls to be able to compare size.

Related issues

Resolves PT-1927, PT-1864, PT-1859, PT-1853, PT-1764, PT-1695, PT-1671, PT-1954, PT-1860, PT-1956, PT-1957, PT-1961

[linear]

PT-1864 The focus outline of the active sidebar item is difficult to see because it doesn’t contrast with the active item background color

PT-1853 Focus indicator for “Keep me signed in” button may be difficult to see

PT-1764 The focus outline of the active view mode item is difficult to distinguish because it doesn’t contrast with the active item background color

PT-1695 The focus outline of the active source sidebar item is difficult to see because it doesn’t contrast with the active item background color

PT-1671 Buttons with the submit class have a focus outline that does not meet minimum contrast requirements as it’s not contrasted enough from the button background

PT-1954 “New entry” disclosure trigger in element selector modal footer has focus outline that’s difficult to see because it doesn’t contrast from button background

PT-1859 Focus indicator for the Save button does not meet non-text contrast

PT-1927 The “Apply draft” and “Save draft” split button have poor focus indicator contrast due to the button background color

PT-1860 Focus outline for items inside action menus is just under 3:1

PT-1956 Focus outline inside of tab disclosure menu is under 3:1 contrast

PT-1957 “Apply” button doesn’t have an adequately contrasted focus indicator

PT-1961 Sort direction focus indicator is difficult to see, because outline doesn’t contrast against button background