From 16864d96ae6f55ae8d3e2de4cbbb36b42b935de4 Mon Sep 17 00:00:00 2001
From: Brad Cornes <bradlc41@gmail.com>
Date: Tue, 15 Jun 2021 20:39:53 +0100
Subject: [PATCH] ignore empty `content` when determining rule color

---
 packages/tailwindcss-language-service/src/util/color.ts | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/tailwindcss-language-service/src/util/color.ts b/packages/tailwindcss-language-service/src/util/color.ts
index 235f820..04e2326 100644
--- a/packages/tailwindcss-language-service/src/util/color.ts
+++ b/packages/tailwindcss-language-service/src/util/color.ts
@@ -61,7 +61,14 @@ function getColorsInString(str: string): (TinyColor | KeywordColor)[] {
 function getColorFromDecls(
   decls: Record<string, string | string[]>
 ): TinyColor | KeywordColor | null {
-  let props = Object.keys(decls)
+  let props = Object.keys(decls).filter((prop) => {
+    // ignore content: "";
+    if (prop === 'content' && (decls[prop] === '""' || decls[prop] === "''")) {
+      return false
+    }
+    return true
+  })
+
   if (props.length === 0) return null
 
   const nonCustomProps = props.filter((prop) => !prop.startsWith('--'))