Change unregulated color in fold change color scheme

Author: jmueller95

src/BiowcPathwaygraph.ts

@@ -2328,11 +2328,11 @@ export class BiowcPathwaygraph extends LitElement {
     const downregulatedColor = getComputedStyle(this).getPropertyValue(
       '--downregulated-color'
     );
-    const unregulatedColor = getComputedStyle(this).getPropertyValue(
-      '--unregulated-color'
-    );
     switch (this.hue) {
       case 'direction': {
+        const unregulatedColor = getComputedStyle(this).getPropertyValue(
+          '--unregulated-color'
+        );
         switch ((<PTMNodeD3>node).regulation) {
           case 'up':
             return upregulatedColor;
@@ -2345,6 +2345,9 @@ export class BiowcPathwaygraph extends LitElement {
         }
       }
       case 'foldchange': {
+        const unregulatedColor = getComputedStyle(this).getPropertyValue(
+          '--unregulated-color-light'
+        );
         // Interpolate between up and not or down and not, depending on direction
         // The center of interpolation is 0 for log fold change and 1 for fold change
         const interpolationCenter = this.isLogFoldChange ? 0 : 1;
@@ -3098,7 +3101,7 @@ export class BiowcPathwaygraph extends LitElement {
           '--downregulated-color'
         );
         const unregulatedColor = getComputedStyle(this).getPropertyValue(
-          '--unregulated-color'
+          '--unregulated-color-light'
         );
 
         linearGradient

src/biowc-pathwaygraph.css.ts

@@ -10,6 +10,7 @@ export default css`
     --perturbed-stroke-width: 1.5;
 
     --unregulated-color: #a4a4a4;
+    --unregulated-color-light: #d3d3d3;
     --pathway-color: #89b9ce;
     --gene-protein-color: #efefef;
     --compound-color: #e7d190;