From ecce42ba68f50c18690077fbb051e01208113a86 Mon Sep 17 00:00:00 2001
From: Jordan Pittman <jordan@cryptica.me>
Date: Tue, 26 Mar 2024 18:05:38 -0400
Subject: [PATCH] Highlight `@theme` contents as a rule list (#937)

* Highlight `@theme` contents as a rule list

* Update changelog
---
 packages/vscode-tailwindcss/CHANGELOG.md        |  1 +
 .../syntaxes/at-rules.tmLanguage.json           | 17 +++++++++++++++++
 2 files changed, 18 insertions(+)

diff --git a/packages/vscode-tailwindcss/CHANGELOG.md b/packages/vscode-tailwindcss/CHANGELOG.md
index 71965803..50eea278 100644
--- a/packages/vscode-tailwindcss/CHANGELOG.md
+++ b/packages/vscode-tailwindcss/CHANGELOG.md
@@ -8,6 +8,7 @@
 - Add support for `<script type="text/babel">` (#932)
 - Show pixel equivalents in completions and hovers of the theme() helper (#935)
 - Handle `style` exports condition when processing `@import`s (#934)
+- Highlight `@theme` contents as a rule list (#937)
 
 ## 0.10.5
 
diff --git a/packages/vscode-tailwindcss/syntaxes/at-rules.tmLanguage.json b/packages/vscode-tailwindcss/syntaxes/at-rules.tmLanguage.json
index fd1e7076..a39ac96d 100644
--- a/packages/vscode-tailwindcss/syntaxes/at-rules.tmLanguage.json
+++ b/packages/vscode-tailwindcss/syntaxes/at-rules.tmLanguage.json
@@ -124,6 +124,23 @@
         }
       ]
     },
+    {
+      "begin": "(?i)((@)theme)(?=[\\s{]|/\\*|$)",
+      "beginCaptures": {
+        "1": {
+          "name": "keyword.control.at-rule.theme.tailwind"
+        },
+        "2": {
+          "name": "punctuation.definition.keyword.css"
+        }
+      },
+      "end": "(?<=}|;)(?!\\G)",
+      "patterns": [
+        {
+          "include": "source.css#rule-list"
+        }
+      ]
+    },
     {
       "begin": "(?i)((@)variants)(?=[\\s{]|/\\*|$)",
       "beginCaptures": {