From 42217dda5ca9a2fb989a88f66ac264df0e6012e9 Mon Sep 17 00:00:00 2001
From: Mutasem <mutdmour@gmail.com>
Date: Wed, 6 Apr 2022 15:30:44 +0200
Subject: [PATCH] add json colors

---
 packages/editor-ui/src/components/RunData.vue | 26 +++++++++++++++----
 1 file changed, 21 insertions(+), 5 deletions(-)

diff --git a/packages/editor-ui/src/components/RunData.vue b/packages/editor-ui/src/components/RunData.vue
index da8e98da7a..b5f664ec09 100644
--- a/packages/editor-ui/src/components/RunData.vue
+++ b/packages/editor-ui/src/components/RunData.vue
@@ -957,7 +957,7 @@ export default mixins(
 
 <style lang="scss">
 .vjs-tree {
-	color: #5045A1; // todo
+	color: #5045A1;
 }
 
 .vjs-tree.is-highlight-selected {
@@ -968,16 +968,32 @@ export default mixins(
 	color: var(--color-danger);
 }
 
-.vjs-tree .vjs-value__boolean,
+.vjs-tree .vjs-value__boolean {
+	color: #1d8ce0;
+}
+
 .vjs-tree .vjs-value__number {
-	color: #1d8ce0; // todo
+	color: #1d8ce0;
 }
 
 .vjs-tree .vjs-value__string {
-	color: #5045A1; // todo
+	color: #5045A1;
 }
 
-.vjs-tree .vjs-key, .vjs-tree__brackets {
+.vjs-tree .vjs-key {
 	color: var(--color-text-dark);
 }
+
+.vjs-tree .vjs-tree__brackets {
+	color: var(--color-text-dark);
+}
+
+.vjs-tree .vjs-tree__brackets:hover {
+	color: #1890ff
+}
+
+.vjs-tree .vjs-tree__content.has-line {
+	border-left: 1px dotted #bfcbd9
+}
+
 </style>