       G null,
         
         CIRCLE
-          fill: focus_blue
+          fill: props.color
           filter: "url(#handle-innerbevel)"
 
           cx: 50

slider_handles.face = (props) -> 

  SVG
    height: SLIDER_HANDLE_SIZE
    width: SLIDER_HANDLE_SIZE
    viewBox: "-2 -1 104 104"
    style: 
      pointerEvents: 'none'

    DEFS null,
      svg.innerbevel

                  {color: 'white', opacity:  .25, dx:  0, dy: 3, stdDeviation: 3}]        

    CIRCLE
      fill: props.color
      stroke: props.color
      cx: 50
      cy: 50
      r: 50
