diff --git a/public/javascripts/spacedeck_sections.js b/public/javascripts/spacedeck_sections.js
index 8c8b595..0f78a57 100644
--- a/public/javascripts/spacedeck_sections.js
+++ b/public/javascripts/spacedeck_sections.js
@@ -1723,10 +1723,10 @@ var SpacedeckSections = {
         z: point.z,
         w: w,
         h: h,
-        stroke_color: "#ffffff",
-        text_color: "#ffffff",
+        stroke_color: this.active_style.stroke_color,
+        text_color: this.active_style.text_color,
         stroke: 0,
-        fill_color: "#000000",
+        fill_color: this.active_style.fill_color,
         shape: shape_type,
         valign: "middle",
         align: "center",
diff --git a/public/javascripts/spacedeck_whiteboard.js b/public/javascripts/spacedeck_whiteboard.js
index 9e65a68..a291253 100644
--- a/public/javascripts/spacedeck_whiteboard.js
+++ b/public/javascripts/spacedeck_whiteboard.js
@@ -549,8 +549,9 @@ function setup_whiteboard_directives() {
         h: note_h,
         align: "center",
         valign: "middle",
-        stroke_color: "#000000",
-        fill_color: "rgb(241, 196, 15)",
+        stroke_color: $scope.active_style.stroke_color,
+        text_color: $scope.active_style.text_color,
+        fill_color: $scope.active_style.fill_color,
         stroke: 0,
         padding_left: 10,
         padding_right: 10,