tissue dropdown coloring

src/app/pages/explorer-page/explorer-page.component.ts

@@ -60,9 +60,9 @@ export class ExplorerPageComponent implements OnInit, AfterViewInit {
       return;
     }
 
-    // addd settings to config
+    // add settings to config
     const configObj = JSON.parse(config);
-    this.myConfig = merge(this.myConfig, configObj)
+    this.myConfig = merge(this.myConfig, configObj);
 
     // update Drugst.One according to the settings
     // check if config updates affect network
@@ -382,7 +382,6 @@ export class ExplorerPageComponent implements OnInit, AfterViewInit {
           // skip if node is not a protein mapped to backend
           return;
         }
-        console.log(node)
         const wrapper = getWrapperFromNode(node);
         if (this.analysis.inSelection(node)) {
           this.analysis.removeItems([wrapper]);

src/stylesheets/styles.scss

@@ -61,10 +61,8 @@
     padding: 0;
   }
 
-
   .tissue-dropdown {
     padding: 5px;
-    background-color: rgba(255.0, 255.0, 255.0, 0.85);
 
     .scroll-area {
       max-height: 600px;

src/stylesheets/theme-styles.scss

@@ -106,6 +106,13 @@
     color: var(--drgstn-primary) !important;
   }
 
+  a.dropdown-item:hover, button.dropdown-item:hover{
+    background-color: var(--drgstn-panel-secondary)
+  }
+
+  .tissue-dropdown {
+    background-color: var(--drgstn-panel);
+  }
 
   .button.is-primary.is-focused, .button.is-primary:focus {
     background-color: var(--drgstn-primary) !important;