feat(console): improve vs-code theme sync (#3865)

polamoros · web-flow · commit ab723fa01dbb · 2023-08-20T12:44:09.000Z
Edge metadata panel is not showing the correct background color. <img width="1495" alt="image" src="https://github.com/winglang/wing/assets/5547636/e47e9a89-7400-467c-b6de-a44146e5d1e9"> vs <img width="1013" alt="image" src="https://github.com/winglang/wing/assets/5547636/9da1d8c2-6302-47a3-b195-293ce0272b2c"> *By submitting this pull request, I confirm that my contribution is made under the terms of the [Wing Cloud Contribution License](https://github.com/winglang/wing/blob/main/CONTRIBUTION_LICENSE.md)*.
diff --git a/apps/wing-console/console/ui/src/ui/edge-metadata.tsx b/apps/wing-console/console/ui/src/ui/edge-metadata.tsx
@@ -89,7 +89,7 @@ export const EdgeMetadata = ({
             "border-t",
             theme.border4,
             "px-2 py-1.5 flex flex-col gap-y-1 gap-x-4",
-            "bg-slate-100 dark:bg-slate-700 text-slate-900 dark:text-slate-250",
+            "text-slate-900 dark:text-slate-250",
           )}
         >
           <Attribute name="Source">

Original file line number	Diff line number	Diff line change
`@@ -89,7 +89,7 @@ export const EdgeMetadata = ({`
`89`	`89`	`"border-t",`
`90`	`90`	`theme.border4,`
`91`	`91`	`"px-2 py-1.5 flex flex-col gap-y-1 gap-x-4",`
`92`		`- "bg-slate-100 dark:bg-slate-700 text-slate-900 dark:text-slate-250",`
	`92`	`+ "text-slate-900 dark:text-slate-250",`
`93`	`93`	`)}`
`94`	`94`	`>`
`95`	`95`	`<Attribute name="Source">`