Highlight @theme contents as a rule list (#937)

* Highlight `@theme` contents as a rule list

* Update changelog

Author: thecrypticace

Diff for: 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 for: 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": {