Updating docs/sample themes

THEMES.md

@@ -60,7 +60,7 @@ You can set both a `backgroundColor` and a `backgroundImage`, in which case the
 
 ### Wave options
 
-* `pattern` - What waveform shape to draw. Current options are `wave`, `bars`, `roundBars`, `pixel`, `bricks`, and `equalizer` (default: `wave`)
+* `pattern` - What waveform shape to draw. Current options are `wave`, `bars`, `line`, `curve`, `roundBars`, `pixel`, `bricks`, and `equalizer` (default: `wave`)
 * `waveTop` - How many pixels from the top edge to start the waveform (default: `0`)
 * `waveBottom` - How many pixels from the top edge to end the waveform (default: same as `height`)
 * `waveLeft` - How many pixels from the left edge to start the waveform (default: `0`)

renderer/patterns.js

@@ -158,7 +158,7 @@ function strokedPath(interpolator) {
 
     context.fillStyle = options.waveColor;
     context.strokeStyle = options.waveColor;
-    context.lineWidth = 3;
+    context.lineWidth = 5;
 
     var line = d3.line()
       .context(context);

settings/themes.json

@@ -51,6 +51,16 @@
     "captionBottom": 660,
     "captionTop": null
   },
+  "Line": {
+    "backgroundColor": "#edc951",
+    "foregroundColor": "#00a0b0",
+    "pattern": "line"
+  },
+  "Curve": {
+    "backgroundColor": "#00a0b0",
+    "foregroundColor": "#edc951",
+    "pattern": "curve"
+  },
   "Bricks": {
     "backgroundColor": "#8771aa",
     "foregroundColor": "#fff",