Use different dimensions for hover and focus

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