           body {
             padding: 0px;
             margin: 0px;
-            background-color: #eee;
+            background-color: #{rgbColor backgroundColor || "#eee"};
             overflow: hidden;
             font-size: 0px;
             height: 100%;

    @writeDom config
    Promise.all [
      Promise.resolve fonts && FontLoader.loadFonts fonts
      @getDomReadyPromise()
    ]

  @writeDom: ({title, styleSheets, scripts, meta, link, manifest})->

    document.title = title || "Art App"
    scripts ||= []


      ###
      TODO:
      1) I'd like a way to easily build production vs dev code.
      2) DomConsole should only be included in dev code.
      ANSWER:
        1. make DomConsole its own NPM
        2. let webpack rewrite the following require into a noop for production.
      ###
      require 'art-foundation/dev_tools/dom_console'
      {DomConsole} = Neptune.Art.Foundation.DevTools

      DomConsole.enable()
      Engine.DevTools.GlobalEpochStats.enable() if query.perfGraphs == "true"

    log "Art.Engine.FullScreenApp: app ready"

  @_setBodyStyles: ({backgroundColor})->
    if global.document
      {body, documentElement} = global.document
      body.style.padding = "0px"
      body.style.margin = "0px"
      body.style.backgroundColor = "#{rgbColor backgroundColor || "#eee"}"
      body.style.overflow = "hidden"
      body.style.fontSize = "0px"
      body.style.height = "100%"
      documentElement.style.height = "100%"

  ###
  IN:
