[fxparam] Style improvement

bin/style.css

@@ -3161,6 +3161,9 @@ div.gradient-box {
   font-size: 0.8em;
   margin-left: 1em;
 }
+.fx-parameter .fx-param-name {
+  margin-left: 0.2em;
+}
 .fx-parameter.missing {
   text-decoration: line-through;
 }

bin/style.less

@@ -3634,6 +3634,9 @@ div.gradient-box {
 	font-size: 0.8em;
 	margin-left: 1em;
 
+	.fx-param-name {
+		margin-left: 0.2em;
+	}
 	&.missing {
 		text-decoration: line-through;
 	}

hide/view/FXEditor.hx

@@ -182,16 +182,18 @@ private class FXSceneEditor extends hide.comp.SceneEditor {
 				}
 				var param = fx.parameters.find(function (p) {return p.name == paramName;});
 
-				var color = param?.color ?? 0;
+				var color = param?.color ?? 0xFF0000;
 				var colorCode = StringTools.hex(color, 6);
-				var param = el.find('.fx-parameter');
-				if (param.length == 0 ){
-					var v = new Element('<span class="fx-parameter"></span>');
+				var paramEl = el.find('.fx-parameter');
+				if (paramEl.length == 0 ){
+					var v = new Element('<span class="fx-parameter"><i class="ico ico-link"></i><span class="fx-param-name"></span></span>');
 					el.find("a").first().append(v);
-					param = v;
+					paramEl = v;
 				}
-				param.get(0).innerText = '($paramName)';
-				param.css("color", '#$colorCode');
+				var paramNameEl = paramEl.find(".fx-param-name");
+				paramNameEl.get(0).innerText = '$paramName';
+				paramEl.css("color", '#$colorCode');
+				paramEl.toggleClass("missing", param == null);
 			}
 			else {
 				el.find(".fx-parameter").remove();