Perform similar color matching on all properties with color in the name. Also, keep a whitelist that we can expand as cases come up.

Author: uberska

css-compare.js

@@ -226,8 +226,7 @@ function filterSimilarColors(patchLines) {
   //    ...
   //  ]
   const ALLOWED_PROPERTIES = [
-    "color",
-    "background-color",
+    "border",
   ];
   const lineFilter = (line) => {
     const rgbaCount = (line.text.match(/rgba\(/g) || []).length;
@@ -237,8 +236,9 @@ function filterSimilarColors(patchLines) {
       throw new Error("More than one rgba per line. Investigate!");
     }
 
-    return rgbaCount === 1 &&
-      (match && ALLOWED_PROPERTIES.includes(match[1]));
+    const allowedProperty = match && (match[1].includes("color") || ALLOWED_PROPERTIES.includes(match[1]));
+
+    return rgbaCount === 1 && allowedProperty;
   }
 
   chunks.forEach((chunk) => {