         [:span "Background color"]
         [:div.row-flex.color-data
          [:span.color-th
-          {:style {:background-color (or background "#ffffff")}
+          {:style {:background-color (:background metadata)}
            :on-click show-color-picker}]
          [:div.color-info
           [:input
            {:on-change on-color-change
             :ref "color"
-            :value (or background "#ffffff")}]]]]])))
+            :value (:background metadata)}]]]]])))
 
 (mx/defcs grid-options-menu
   {:mixins [mx/static mx/reactive]}
   [own menu]
-  (let [{:keys [id metadata] :as page} (mx/react page-ref)]
+  (let [{:keys [id metadata] :as page} (mx/react page-ref)
+        metadata (merge c/page-metadata metadata)]
     (letfn [(on-x-change []
               (when-let [value (-> (mx/ref-node own "x-axis")
                                    (dom/get-value)

          [:input.input-text
           {:type "number"
            :ref "x-axis"
            :value (:grid-x-axis metadata 10)
            :on-change on-x-change
            :placeholder "x"}]]
         [:div.input-element.pixels
          [:input.input-text
           {:type "number"
            :ref "y-axis"
            :value (:grid-y-axis metadata 10)
            :on-change on-y-change
            :placeholder "y"}]]]
        [:span "Color"]
        [:div.row-flex.color-data
         [:span.color-th
          {:style {:background-color (:grid-color metadata "#cccccc")}
           :on-click show-color-picker}]
         [:div.color-info
          [:input

  (:require [lentes.core :as l]
            [potok.core :as ptk]
            [uxbox.store :as st]
            [uxbox.main.constants :as c]
            [uxbox.main.data.pages :as udp]
            [uxbox.main.data.workspace :as udw]
            [uxbox.main.data.lightbox :as udl]
