fix(components): better tag colors

Akryum · Akryum · commit 9fae7241c1d7 · 2021-05-27T00:11:28.000+02:00
diff --git a/packages/app-backend-vue3/src/components/tree.ts b/packages/app-backend-vue3/src/components/tree.ts
@@ -171,7 +171,7 @@ export class ComponentWalker {
     if (instance.suspense) {
       treeNode.tags.push({
         label: 'suspense',
-        backgroundColor: 0xc5c4fc,
+        backgroundColor: 0x7d7dd7,
         textColor: 0xffffff
       })
     }
diff --git a/packages/app-frontend/src/features/components/ComponentTreeNode.vue b/packages/app-frontend/src/features/components/ComponentTreeNode.vue
@@ -157,7 +157,7 @@ export default defineComponent({
         <span
           v-if="instance.isFragment"
           v-tooltip="'Has multiple root DOM nodes'"
-          class="info fragment bg-blue-300 dark:bg-blue-800"
+          class="info fragment bg-blue-400 dark:bg-blue-800"
         >
           fragment
         </span>

Original file line number	Diff line number	Diff line change
`@@ -171,7 +171,7 @@ export class ComponentWalker {`
`171`	`171`	`if (instance.suspense) {`
`172`	`172`	`treeNode.tags.push({`
`173`	`173`	`label: 'suspense',`
`174`		`- backgroundColor: 0xc5c4fc,`
	`174`	`+ backgroundColor: 0x7d7dd7,`
`175`	`175`	`textColor: 0xffffff`
`176`	`176`	`})`
`177`	`177`	`}`
Original file line number	Diff line number	Diff line change
`@@ -157,7 +157,7 @@ export default defineComponent({`
`157`	`157`	`<span`
`158`	`158`	`v-if="instance.isFragment"`
`159`	`159`	`v-tooltip="'Has multiple root DOM nodes'"`
`160`		`- class="info fragment bg-blue-300 dark:bg-blue-800"`
	`160`	`+ class="info fragment bg-blue-400 dark:bg-blue-800"`
`161`	`161`	`>`
`162`	`162`	`fragment`
`163`	`163`	`</span>`