fixed the issue regarding legend outline visibility (#423)

Co-authored-by: Abubakar Abid <islamrealm@gmail.com>
Co-authored-by: Abubakar Abid <abubakar@huggingface.co>

Author: Raghunath-Balaji

.changeset/legend-ui-issue.md

@@ -0,0 +1,5 @@
+---
+"trackio": patch
+---
+
+feat: Fix legend outline visibility issue

trackio/ui/main.py

@@ -602,10 +602,22 @@ def configure(request: gr.Request):
     position: relative;
     z-index: 10;
 }
+
+.vega-embed .role-legend-symbol path {
+    stroke-width: 0 !important;
+}
 """
 
 HEAD = """
 <script>
+new MutationObserver(function() {
+    document.querySelectorAll('.vega-embed .role-legend-symbol path').forEach(function(p) {
+        var s = p.style.stroke || p.getAttribute('stroke');
+        if (s && s !== 'none' && p.style.fill !== s) {
+            p.style.fill = s;
+        }
+    });
+}).observe(document.body, { childList: true, subtree: true });
 function setCookie(name, value, days) {
     var expires = "";
     if (days) {
@@ -1318,4 +1330,5 @@ def render_grouped_runs(project, group_key, filter_text, selection):
         show_error=True,
         ssr_mode=False,
         head=HEAD,
+        css=CSS,
     )