From ed4903576a5471e4e3836c61754e82bf31513548 Mon Sep 17 00:00:00 2001
From: Lorenzo Blasa <lblasa@meta.com>
Date: Fri, 10 Mar 2023 03:14:32 -0800
Subject: [PATCH] Better guidelines

Summary: Removes dotted/dashed lines for the hierarchy guidelines.

Reviewed By: ivanmisuno

Differential Revision: D43912904

fbshipit-source-id: c65de8258c7efc997ae739022e6af5919d6453f6
---
 .../plugins/public/ui-debugger/components/Tree.tsx  | 13 ++-----------
 1 file changed, 2 insertions(+), 11 deletions(-)

diff --git a/desktop/plugins/public/ui-debugger/components/Tree.tsx b/desktop/plugins/public/ui-debugger/components/Tree.tsx
index 2c2f998a3..8dd8303bc 100644
--- a/desktop/plugins/public/ui-debugger/components/Tree.tsx
+++ b/desktop/plugins/public/ui-debugger/components/Tree.tsx
@@ -180,15 +180,6 @@ const MemoTreeItemContainer = React.memo(
 function IndentGuide({indentGuide}: {indentGuide: NodeIndentGuide}) {
   const verticalLinePadding = `${renderDepthOffset * indentGuide.depth + 8}px`;
 
-  const verticalLineStyle = `${
-    indentGuide.style === 'ToParent' ? 'dashed' : 'solid'
-  }`;
-  const horizontalLineStyle = `${
-    indentGuide.style === 'ToParent' ? 'dotted' : 'solid'
-  }`;
-
-  const color = indentGuide.style === 'ToParent' ? '#B0B0B0' : '#C0C0C0';
-
   return (
     <div>
       <div
@@ -196,7 +187,7 @@ function IndentGuide({indentGuide}: {indentGuide: NodeIndentGuide}) {
           position: 'absolute',
           width: verticalLinePadding,
           height: indentGuide.trimBottom ? HalfTreeItemHeight : TreeItemHeight,
-          borderRight: `1px ${verticalLineStyle} ${color}`,
+          borderRight: `1px solid ${theme.primaryColor}`,
         }}></div>
       {indentGuide.addHorizontalMarker && (
         <div
@@ -204,7 +195,7 @@ function IndentGuide({indentGuide}: {indentGuide: NodeIndentGuide}) {
             position: 'absolute',
             width: renderDepthOffset / 3,
             height: HalfTreeItemHeight,
-            borderBottom: `2px ${horizontalLineStyle} ${color}`,
+            borderBottom: `1px solid ${theme.primaryColor}`,
             marginLeft: verticalLinePadding,
           }}></div>
       )}