capturing inputname and color

src/js/macros.js

@@ -70,15 +70,13 @@ module.exports = {
       this.$dispatch("macros-edited");
     },
     editedColor: function (event) {
-      console.log("color: ", event.target.value);
-      if (this.config[this.tab - 1].color != event.target.value) {
-        console.log("Value Changed");
+      if (this.config.macros[this.tab - 1].color != event.target.value) {
+        this.$dispatch("macros-edited");
       }
     },
     editedName: function (event) {
-      console.log("name: ", event.target.value);
-      if (this.config[this.tab - 1].name != event.target.value) {
-        console.log("Value Changed");
+      if (this.config.macros[this.tab - 1].name != event.target.value) {
+        this.$dispatch("macros-edited");
       }
     },
     showDialogAsync: function (title, file) {
@@ -108,7 +106,9 @@ module.exports = {
       } else {
         this.newGcode = "";
       }
+      if (file != this.config.macros[this.tab - 1].file_name) {
         this.$dispatch("macros-edited");
+      }
     },
     uploadMacrosGcode: async function (e) {
       const files = e.target.files || e.dataTransfer.files;

src/stylus/style.styl

@@ -709,6 +709,7 @@ span.unit
   .submit-macros
     height 50px
     width 140px
+    color #000
     margin-top 30px
     font-weight normal
     border 0