From dcf43d84e67495883803dcd26c121ea63a5e4d0d Mon Sep 17 00:00:00 2001
From: Sebastian Silbermann <silbermann.sebastian@gmail.com>
Date: Mon, 11 Nov 2019 16:47:54 +0100
Subject: [PATCH] Use outline instead of background-color

Does not affect contrast-ratio
---
 docs/src/pages/customization/default-theme/DefaultTheme.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/docs/src/pages/customization/default-theme/DefaultTheme.js b/docs/src/pages/customization/default-theme/DefaultTheme.js
index 2b2438671bfbd4..7605727374c004 100644
--- 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)}`,
     },
   },
 });