fix color of message box that's being edited

pd/nw/css/c64.css

@@ -109,11 +109,11 @@
 }
 
 #new_object_textentry.obj {
-    outline: 1px solid blue;
+    outline: 1px solid #a49aea;
 }
 
 #new_object_textentry.msg {
-    outline: 0px solid transparent;
+    outline: 0px solid #a49aea;
     background-image: url(../msg-box.svg);
 }
 

pd/nw/css/default.css

@@ -137,16 +137,22 @@ mark.console_find_highlighted {
     outline: 1px solid blue;
 }
 
+/* We're dynamically creating the svg background data in javascript
+   (in pdgui.js) so that we can change the stroke color of the svg msg box.
+   We store the color as the third argument to "outline" below. Since the
+   outline is 0px it won't show up-- this allows us specify the color here
+   in the style sheet and retrieve it in javascript when we build the svg
+   background. */
 #new_object_textentry.msg {
-    outline: 0px solid transparent;
-    background-image: url(../msg-box.svg);
+    outline: 0px solid blue;
+    /* background-image: url(../msg-box.svg); */
 }
 
 p.msg::after {
     content: "";
     height: 100%;
     width: 5px;
-    background-image: url(../msg-box-flag.svg);
+    /* background-image: url(../msg-box-flag.svg); */
     position: absolute;
     top: 0%;
     left: 100%;

pd/nw/css/extended.css

@@ -106,7 +106,7 @@
 }
 
 #new_object_textentry.msg {
-    outline: 0px solid transparent;
+    outline: 0px solid blue;
     background-image: url(../msg-box.svg);
 }
 

pd/nw/css/inverted.css

@@ -114,7 +114,7 @@
 }
 
 #new_object_textentry.msg {
-    outline: 0px solid transparent;
+    outline: 0px solid #ffff00;
     background-image: url(../msg-box.svg);
 }
 

pd/nw/css/strongbad.css

@@ -109,11 +109,11 @@
 }
 
 #new_object_textentry.obj {
-    outline: 1px solid blue;
+    outline: 1px solid #0b560b;
 }
 
 #new_object_textentry.msg {
-    outline: 0px solid transparent;
+    outline: 0px solid #0b560b;
     background-image: url(../msg-box.svg);
 }
 
@@ -190,7 +190,7 @@ text {
 
 /* for an object that didn't create */
 .obj .border.broken_border {
-    fill: #f7f7f7;
+    fill: transparent;
     stroke: #f00;
     stroke-dasharray: 3 2;
 }

pd/nw/css/subdued.css

@@ -96,7 +96,7 @@
     display: table-cell;
     padding: 3px 2px 3px 2px;
     /* box-shadow: inset 1px 0px 0px 1px #000; */
-    background-color: white;
+    background-color: transparent;
     white-space: normal;
     word-wrap: break-word;
     -webkit-margin-before: 0px;
@@ -107,7 +107,7 @@
 }
 
 #new_object_textentry.msg {
-    outline: 0px solid transparent;
+    outline: 0px solid blue;
     background-image: url(../msg-box.svg);
 }
 
@@ -184,7 +184,7 @@ text {
 
 /* for an object that didn't create */
 .obj .border.broken_border {
-    fill: #f7f7f7;
+    fill: transparent;
     stroke: #f00;
     stroke-dasharray: 3 2;
 }

pd/nw/css/vanilla.css

@@ -107,7 +107,7 @@
 }
 
 #new_object_textentry.msg {
-    outline: 0px solid transparent;
+    outline: 0px solid blue;
     background-image: url(../msg-box.svg);
 }
 

pd/nw/css/vanilla_inverted.css

@@ -94,6 +94,10 @@
     fill: white;
 }
 
+#bubbles {
+    stroke: red;
+}
+
 #new_object_textentry {
     /* max-width: 10ch; */
     min-width: 3ch;
@@ -113,7 +117,7 @@
 }
 
 #new_object_textentry.msg {
-    outline: 0px solid transparent;
+    outline: 0px solid yellow;
     background-image: url(../msg-box.svg);
 }