Use outline instead of background-color

Does not affect contrast-ratio
mui · Nov 11, 2019 · 566eb39 · 566eb39
1 parent 60e408e
commit 566eb39
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/docs/src/pages/customization/default-theme/DefaultTheme.js b/docs/src/pages/customization/default-theme/DefaultTheme.js
@@ -80,12 +80,14 @@ ObjectEntryLabel.propTypes = { objectKey: PropTypes.any, objectValue: PropTypes.
 const useObjectEntryStyles = makeStyles({
  treeItem: {
  '&:focus > $treeItemContent': {
- backgroundColor: lighten('#333', 0.3),
+ backgroundColor: 'inherit',
+ outline: `2px dashed ${lighten('#333', 0.3)}`,
  },
  },
  treeItemContent: {
  '&:hover': {
- backgroundColor: lighten('#333', 0.1),
+ backgroundColor: 'inherit',
+ outline: `1px dashed ${lighten('#333', 0.3)}`,
  },
  },
 });