   (:require [reagent.core :as r]))
 
 (declare DataFrisk)
+
+(def styles
+  {:shell {:backgroundColor "#FAFAFA"
+           :fontFamily "Consolas,Monaco,Courier New,monospace"
+           :fontSize "12px"
+           :z-index 9999}
+   :strings {:color "#4Ebb4E"}
+   :keywords {:color "purple"}
+   :numbers {:color "blue"}
+   :nil {:color "red"}
+   :shell-visible-button {:backgroundColor "#4EE24E"}})
 
 (defn ExpandButton [{:keys [expanded? path emit-fn]}]
   [:button {:style {:border 0

    [:div
     [:div {:style {:padding "4px 2px"}}
      [ExpandAllButton emit-fn data]
      [CollapseAllButton emit-fn]]
     [:div {:style {:flex "0 1 auto"}}
      [DataFrisk {:data data
                  :swappable swappable

                  :transform (when expanded? "rotate(90deg)")}}
    [:polygon {:points "0,0 0,100 100,50" :stroke "black"}]]])

(defn ExpandAllButton [emit-fn data]
  [:button {:onClick #(emit-fn :expand-all data)
            :style {:padding "3px"
