fixed coloring

src/app/components/network-legend/network-legend.component.scss

@@ -11,9 +11,11 @@ div.legend {
   img {
     max-width: 20vw;
   }
+  td.group-name{
+    color:var(--drgstn-text-primary);
+  }
   tr.list-item{
     line-height: calc(#{$legend-row-height} / 2);
-
     th{
       height: $legend-row-height;
       width: $legend-row-height;
@@ -21,6 +23,7 @@ div.legend {
       padding: 0 !important;
       .text{
         font-style: italic;
+        color:var(--drgstn-text-primary);
       }
       .diamond {
         height: $legend-diamond-size;

src/index.html

@@ -35,7 +35,7 @@
 
   <network-expander id="netexp1"
                     config='{
-                      "nodeGroups": {"selectedNode": {"font": {"size": "18"} }, "0.5": {"shadow":"true","font": "18px verdana blue", "type": "0.5er Instanz", "color": "green", "groupName": "0.5", "shape": "star"}, "patientgroup": {"type": "Patient", "detailShowLabel": "true", "color": "#632345", "groupName": "patient group", "shape": "dot", "size": "50"}, "pugGroup": {"type": "woof woof", "color": "grey", "groupName": "Pug Group", "shape": "triangle", "image": "https://static.raymondcamden.com/images/2016/11/pug.png"}},
+                      "nodeGroups": {"selectedNode": {"font": {"size": "18"} }, "0.5": {"shadow":"true","font": "18px verdana blue", "type": "0.5er Instanz", "color": "green", "groupName": "0.5", "shape": "star"}, "patientgroup": {"type": "Patient", "detailShowLabel": "true", "color": "#632345", "groupName": "patient group", "shape": "text", "size": "50"}, "pugGroup": {"type": "woof woof", "color": "grey", "groupName": "Pug Group", "shape": "triangle", "image": "https://static.raymondcamden.com/images/2016/11/pug.png"}},
                       "edgeGroups": {"xxx": {"color": "black", "groupName": "xxx Group", "dashes": [1, 2]}, "notdashes": {"color": "black", "groupName": "not dashes Group"}},
                       "identifier": "symbol",
                       "nodeShadow": true,