Prevents invalid CSS by skipping rules containing `::` (pseudo-elements like `::before`, `::after`, `::-webkit-scrollbar`) when converting `:hover` to `:focus-visible`, as pseudo-elements cannot receive focus.
* refactor: remove unused background styles
* feat: add support for nested @media, @supports, and @container rules in dynamic focus styles
* fix: add keyboard focus support for background menu buttons back
* fix: move "custom" background copy functionality to unified button UI and make it work again
* refactor: simplify CSSContainerRule instance check using window global
* fix: update hover and focus selector placeholder replacements to handle multiple occurrences in selector
* Fix focused outline offset of background samples
* Fix locked background outline color
* Add a11y roles to background menu items
* Add mobile-only button selector
* fix: update button and list item selectors
* Improve keyboard navigation in narrow layout
* Hide rename button for custom=true backgrounds
---------
Co-authored-by: Cohee <18619528+Cohee1207@users.noreply.github.com>
- Switched dynamic styles to :focus-visible to let the browser decide when to display
- Changed most existing :focus CSS selectors to also use :focus-visible
-Made style variables for focus outlines (main and a faint one)
- Remove focus outline from chat bar buttons
- Fix focus of chat bar highlight, moved to outer border
- Fix buttons in chat backgrounds with keyboard navigation
- Add CSS styling rule to still highlight a button on hover when it is being focused already (Otherwise you won't get any effect on hovering and clicking on the default button if a popup has just opened)
- Dynamic styles extended to ignore rules where both hover and focus is used
Wolfsblvt