     showButtons: false
     color: options.fg
     move: refreshForeground
-    dragstop: updateUrlWithForeground
-  }).on("dragstop.spectrum", updateUrlWithForeground)
+  }).on("dragstop.spectrum", (_, value) -> updateUrlQuery("fg", value))
 
   $("#bg-color-picker").spectrum({
     flat: true


setShapeToCircular = () ->
  drawStarFunction = drawStarWithCircularTips
  updateUrlWithShape("circular")
  refreshStarPath()

setShapeToQuadratic = () ->
  drawStarFunction = drawStarWithQuadraticTips
  updateUrlWithShape("quadratic")
  refreshStarPath()

setShapeToCubic = () ->
  drawStarFunction = drawStarWithCubicTips
  updateUrlWithShape("cubic")
  refreshStarPath()



    allowEmpty: true
    move: refreshBackground
    change: refreshBackground
  }).on("dragstop.spectrum", (_, value) -> updateUrlQuery("bg", value))

  refreshForeground($("#fg-color-picker").spectrum("get"))
  refreshBackground($("#bg-color-picker").spectrum("get"))

  $innerRadius.rangeslider {
    polyfill: false
    onSlide: (_, value) -> updateSlider(this, value)
    onSlideEnd: (_, value) -> updateUrlQuery("r", value)
  }
  $innerRadius.val(options.r).change()

  $straightPercentage.rangeslider {
    polyfill: false
    onSlide: (_, value) -> updateSlider(this, value + "%")
    onSlideEnd: (_, value) -> updateUrlQuery("l", value)
  }
  $straightPercentage.val(options.l).change()

  $controlPercentage.rangeslider {
    polyfill: false
    onSlide: (_, value) -> updateSlider(this, value + "%")
    onSlideEnd: (_, value) -> updateUrlQuery("c", value)
  }
  $controlPercentage.val(options.c).change()
