diff --git a/addon/chrome/content/bubbleMap.html b/addon/chrome/content/bubbleMap.html
index e8aa095..b5f24a5 100644
--- a/addon/chrome/content/bubbleMap.html
+++ b/addon/chrome/content/bubbleMap.html
@@ -121,7 +121,8 @@
             $(
               go.TextBlock,
               { textAlign: "center", maxSize: new go.Size(100, NaN) },
-              new go.Binding("text", "text")
+              new go.Binding("text", "text").makeTwoWay(),
+              new go.Binding("stroke", "stroke")
             )
           );
           // the rest of this app is the same as samples/conceptMap.html
@@ -193,6 +194,7 @@
               text: `${node.model.rank === 7 ? "🔗" : ""}${wrapText(
                 node.model.name
               )}`,
+              stroke: "-moz-DialogText",
               lineIndex: node.model.lineIndex,
               noteLink: node.model.rank === 7 ? node.model.link : "",
             });
diff --git a/addon/chrome/content/mindMap.html b/addon/chrome/content/mindMap.html
index 57ca139..1d283e4 100644
--- a/addon/chrome/content/mindMap.html
+++ b/addon/chrome/content/mindMap.html
@@ -57,7 +57,8 @@
               // remember not only the text string but the scale and the font in the node data
               new go.Binding("text", "text").makeTwoWay(),
               new go.Binding("scale", "scale").makeTwoWay(),
-              new go.Binding("font", "font").makeTwoWay()
+              new go.Binding("font", "font").makeTwoWay(),
+              new go.Binding("stroke", "stroke").makeTwoWay()
             ),
             $(
               go.Shape,
@@ -266,6 +267,7 @@
               text: `${node.model.rank === 7 ? "🔗" : ""}${wrapText(
                 node.model.name
               )}`,
+              stroke: "-moz-DialogText",
               parent: parent,
               lineIndex: node.model.lineIndex,
               noteLink: node.model.rank === 7 ? node.model.link : "",
diff --git a/addon/chrome/content/treeView.html b/addon/chrome/content/treeView.html
index 4563f15..30c927a 100644
--- a/addon/chrome/content/treeView.html
+++ b/addon/chrome/content/treeView.html
@@ -57,6 +57,10 @@
       li {
         display: list-item;
       }
+
+      #outline-container {
+        color: -moz-DialogText;
+      }
     </style>
     <link
       rel="stylesheet"
@@ -328,7 +332,7 @@
       <div class="demo-container">
         <div class="form">
           <div class="drive-panel">
-            <div id="treeview" style="color: currentColor;"></div>
+            <div id="treeview" style="color: currentColor"></div>
           </div>
         </div>
       </div>