Change 3D canvas default color, update icons to match Figma

Author: rodriguez-facundo

netpyne_ui/netpyne_geppetto.py

@@ -409,6 +409,8 @@ def getPlot(self, plotName, LFPflavour):
                 args['showFig'] = False
 
                 if plotName.startswith('iplot'):
+                    ## This arg brings dark theme. But some plots are broken by it
+                    # args['theme'] = 'gui'
                     html = getattr(analysis, plotName)(**args)
                     if not html or html == -1:
                         return ""

webapp/components/instantiation/NetPyNEInstantiated.js

@@ -4,7 +4,7 @@ import Canvas from '@geppettoengine/geppetto-client/js/components/interface/3dCa
 import ControlPanel from 'geppetto-client/js/components/interface/controlPanel/controlpanel';
 
 import { NetWorkControlButtons } from 'netpyne/components'
-import { useTheme } from '@material-ui/core/styles';
+import { primaryColor } from '../../theme'
 
 
 export default class NetPyNEInstantiated extends React.Component {
@@ -52,6 +52,8 @@ export default class NetPyNEInstantiated extends React.Component {
       this.canvasRef.current.engine.setLinesThreshold(25000)
       this.canvasRef.current.engine.updateSceneWithNewInstances(window.Instances);
       this.canvasRef.current.resetCamera()
+
+      this.canvasRef.current.setColor('network', primaryColor, true)
       const spotLight = this.canvasRef.current.engine.scene.children.find(child => child.type === "SpotLight")
       if (spotLight) {
         this.canvasRef.current.engine.scene.remove(spotLight)

webapp/constants.js

@@ -87,7 +87,6 @@ export const WIDGETS_IDS = {
     LFP_TIMESERIES_PLOT: 'LFPTimeSeriesPlot',
     LFP_PSD_PLOT: 'LFPPSDPlot',
     LFP_SPECTROGRAM_PLOT: 'LFPSpectrogramPlot',
-    LFP_LOCATION_PLOT: 'LFPLocationsPlot',
     GRAGER_PLOT: 'grangerPlot',
     RXD_CONCENTRATION_PLOT: 'rxdConcentrationPlot',
   },
@@ -246,21 +245,6 @@ export const PLOT_WIDGETS = {
     },
     pos: 10
   },
-  LFPLocationsPlot: {
-    id: 'LFPLocationsPlot',
-    name: 'LFP Locations Plot',
-    status: WidgetStatus.MINIMIZED, 
-    component: 'Plot', 
-    panelName: MINIMIZED_PANEL,
-    defaultPanel: "plotPanel",
-    enableRename: false,
-    hideOnClose: true,
-    method: {
-      plotMethod: 'iplotLFP',
-      plotType: 'locations'
-    },
-    pos: 11
-  },
   grangerPlot: {
     id: 'grangerPlot', 
     name: 'Granger Plot', 
@@ -274,7 +258,7 @@ export const PLOT_WIDGETS = {
       plotMethod: 'granger',
       plotType: false
     },
-    pos: 12
+    pos: 11
   },
   rxdConcentrationPlot: {
     id: 'rxdConcentrationPlot',
@@ -289,7 +273,7 @@ export const PLOT_WIDGETS = {
       plotMethod: 'iplotRxDConcentration',
       plotType: false
     },
-    pos: 13
+    pos: 12
   }
 }