Bug 1918415 - [devtools] Fix accessibility selected node badges in High Contrast Mode. r=devtools-reviewers,accessibility-frontend-reviewers,ochameau,nlapre.

This redefines the 2 variables used for badges when they're on a selected
tree node.
We take this as an opportunity to fix the use of an undefined variable
for the badge border.

Differential Revision: https://phabricator.services.mozilla.com/D222130

devtools/client/accessibility/accessibility.css

@@ -486,7 +486,7 @@ body {
 
 .treeTable:focus-within .treeRow.selected .badges .badge {
   background-color: var(--badge-active-background-color);
-  border-color: var(--accessible-active-border-color);
+  border-color: var(--badge-active-border-color);
   color: var(--theme-selection-color);
 }
 

devtools/client/themes/badge.css

@@ -16,6 +16,8 @@
   --badge-scrollable-active-background-color: #8000D7;
 
   &[forced-colors-active] {
+    --badge-active-background-color: SelectedItem;
+    --badge-active-border-color: SelectedItemText;
     --badge-color: ButtonText;
   }
 }