[SPEC] side-panel appears white in dark theme

src/Gargantext/Components/Nodes/Lists.purs

@@ -43,13 +43,15 @@ listsWithForestCpt = R.hooksComponentWithModule thisModule "listsWithForest" cpt
         , listsProps: listsProps@{ session } } _ = do
       controls <- initialControls
 
-      pure $ Forest.forestLayoutWithTopBar forestProps [
-        topBar { controls } []
-      , listsLayout (Record.merge listsProps { controls }) []
-      , H.div { className: "side-panel" } [
-          sidePanel { controls, session } []
-        ]
-      ]
+      pure $ Forest.forestLayoutWithTopBar forestProps
+           [ topBar { controls } []
+           , listsLayout (Record.merge listsProps { controls }) []
+
+           -- TODO remove className "side-panel" is preview is not triggered
+           -- , H.div { className: "" }
+           , H.div { className: "side-panel" }
+                   [ sidePanel { controls, session } []]
+           ]
 --------------------------------------------------------
 
 type TopBarProps = (
@@ -182,8 +184,8 @@ sidePanelCpt = R.hooksComponentWithModule thisModule "sidePanel" cpt
         R2.setTrigger triggerSidePanel triggerSidePanel'
 
       (mCorpusId /\ setMCorpusId) <- R.useState' Nothing
-      (mListId /\ setMListId) <- R.useState' Nothing
-      (mNodeId /\ setMNodeId) <- R.useState' Nothing
+      (mListId   /\ setMListId  ) <- R.useState' Nothing
+      (mNodeId   /\ setMNodeId  ) <- R.useState' Nothing
 
       let mainStyle = case fst showSidePanel of
             Opened -> { display: "block" }

src/Gargantext/Components/Nodes/Texts.purs

@@ -52,13 +52,15 @@ textsWithForestCpt = R.hooksComponentWithModule thisModule "textsWithForest" cpt
         , textsProps: textProps@{ session } } _ = do
       controls <- initialControls
 
-      pure $ Forest.forestLayoutWithTopBar forestProps [
-        topBar { controls } []
-      , textsLayout (Record.merge textProps { controls }) []
-      , H.div { className: "side-panel" } [
-          sidePanel { controls, session } []
-        ]
-      ]
+      pure $ Forest.forestLayoutWithTopBar forestProps
+           [ topBar { controls } []
+           , textsLayout (Record.merge textProps { controls }) []
+           -- TODO remove className "side-panel" is preview is not triggered
+           -- , H.div { className: "" }
+           , H.div { className: "side-panel" }
+                   [ sidePanel { controls, session } []
+                   ]
+           ]
 
 --------------------------------------------------------
 
@@ -338,7 +340,6 @@ docViewLayoutRec { cacheState
 
 
 --------------------------------------------------------
-
 type SidePanelProps = (
     controls :: Record TextsLayoutControls
   , session  :: Session