From f69d79c3e91bd2dcdcd53caedd7e7159bd2ee006 Mon Sep 17 00:00:00 2001
From: Sumit Arora <er.sumitarora@gmail.com>
Date: Tue, 2 Jun 2020 15:12:26 -0400
Subject: [PATCH] style(devtools): seting directive forest colors

---
 .../directive-forest/directive-forest.component.scss       | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-forest/directive-forest.component.scss b/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-forest/directive-forest.component.scss
index 7f2cf9bc4e1..7a77ce69679 100644
--- a/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-forest/directive-forest.component.scss
+++ b/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-forest/directive-forest.component.scss
@@ -4,7 +4,7 @@
   overflow: auto;
 
   .tree-node {
-    color: #111;
+    // color: #111;
     padding-top: 4px;
     padding-bottom: 4px;
     position: relative;
@@ -35,19 +35,23 @@
 
     &:hover {
       background-color: #d4e7ff;
+      color: rgba(0, 0, 0, 0.87);
       cursor: pointer;
     }
 
     &.matched {
       background-color: #b298e4;
+      color: rgba(0, 0, 0, 0.87);
       color: #fff;
 
       &:hover {
         background-color: #8463be;
+        color: rgba(0, 0, 0, 0.87);
       }
 
       &.selected {
         background-color: #6f56bb;
+        color: rgba(0, 0, 0, 0.87);
         color: #fcd736;
       }
 
@@ -63,6 +67,7 @@
     &.selected,
     &.highlighted {
       background-color: #92bdff;
+      color: rgba(0, 0, 0, 0.87);
     }
   }
 }