Added color names support.

Author: sprintr

src/extensions/default/SVGCodeHints/SVGAttributes.json

@@ -47,6 +47,9 @@
     "clipPathUnits": {
         "attribOptions": ["objectBoundingBox", "userSpaceOnUse"]
     },
+    "color": {
+        "type": "color"
+    },
     "color-interpolation": {
         "attribOptions": ["auto", "inherit", "linearRGB", "sRGB"]
     },
@@ -113,6 +116,9 @@
     "feTurbulence/type": {
         "attribOptions": ["fractalNoise", "turbulence"]
     },
+    "fill": {
+        "type": "color"
+    },
     "fill-opacity": {
         "attribOptions": ["inherit"]
     },
@@ -125,6 +131,9 @@
     "filterUnits": {
         "attribOptions": ["objectBoundingBox", "userSpaceOnUse"]
     },
+    "flood-color": {
+        "type": "color"
+    },
     "flood-opacity": {
         "attribOptions": ["inherit"]
     },
@@ -179,6 +188,9 @@
     "letter-spacing": {
         "attribOptions": ["inherit", "normal"]
     },
+    "lighting-color": {
+        "type": "color"
+    },
     "marker-end": {
         "attribOptions": ["inherit", "none"]
     },
@@ -286,9 +298,15 @@
     "stitchTiles": {
         "attribOptions": ["noStitch", "stitch"]
     },
+    "stop-color": {
+        "type": "color"
+    },
     "stop-opacity": {
         "attribOptions": ["inherit"]
     },
+    "stroke": {
+        "type": "color"
+    },
     "stroke-dasharray": {
         "attribOptions": ["inherit", "none"]
     },

src/extensions/default/SVGCodeHints/main.js

@@ -34,6 +34,7 @@ define(function (require, exports, module) {
         XMLUtils            = brackets.getModule("language/XMLUtils"),
         StringMatch         = brackets.getModule("utils/StringMatch"),
         ExtensionUtils      = brackets.getModule("utils/ExtensionUtils"),
+        ColorUtils          = brackets.getModule("utils/ColorUtils"),
         _                   = brackets.getModule("thirdparty/lodash"),
         SVGTags             = require("text!SVGTags.json"),
         SVGAttributes       = require("text!SVGAttributes.json"),
@@ -207,6 +208,10 @@ define(function (require, exports, module) {
                 } else if (attributeData[tagInfo.attrName]) {
                     options = attributeData[tagInfo.attrName].attribOptions;
                     isMultiple = attributeData[tagInfo.attrName].multiple;
+
+                    if (attributeData[tagInfo.attrName].type === "color") {
+                        options = ColorUtils.COLOR_NAMES;
+                    }
                 }
 
                 // Stop if the attribute doesn't support multiple options.