Update CSS syntax highlighting (#4882)

languages.toml

@@ -426,7 +426,7 @@ indent = { tab-width = 2, unit = "  " }
 
 [[grammar]]
 name = "css"
-source = { git = "https://github.com/tree-sitter/tree-sitter-css", rev = "94e10230939e702b4fa3fa2cb5c3bc7173b95d07" }
+source = { git = "https://github.com/tree-sitter/tree-sitter-css", rev = "769203d0f9abe1a9a691ac2b9fe4bb4397a73c51" }
 
 [[language]]
 name = "scss"

runtime/queries/css/highlights.scm

@@ -1,64 +1,85 @@
 (comment) @comment
 
-(tag_name) @tag
+[
-(nesting_selector) @tag
+ (tag_name)
-(universal_selector) @tag
+ (nesting_selector)
+ (universal_selector)
+] @tag
 
-"~" @operator
+[
-">" @operator
+ "~"
-"+" @operator
+ ">"
-"-" @operator
+ "+"
-"*" @operator
+ "-"
-"/" @operator
+ "*"
-"=" @operator
+ "/"
-"^=" @operator
+ "="
-"|=" @operator
+ "^="
-"~=" @operator
+ "|="
-"$=" @operator
+ "~="
-"*=" @operator
+ "$="
+ "*="
+] @operator
 
-"and" @operator
+[
-"or" @operator
+ "and"
-"not" @operator
+ "not"
-"only" @operator
+ "only"
-
+ "or"
-(attribute_selector (plain_value) @string)
+] @keyword.operator
-(pseudo_element_selector (tag_name) @attribute)
-(pseudo_class_selector (class_name) @attribute)
-
-(class_name) @variable.other.member
-(id_name) @variable.other.member
-(namespace_name) @variable.other.member
-(property_name) @variable.other.member
-(feature_name) @variable.other.member
-
-(attribute_name) @attribute
-
-(function_name) @function
 
 ((property_name) @variable
  (#match? @variable "^--"))
 ((plain_value) @variable
  (#match? @variable "^--"))
 
-"@media" @keyword
+(attribute_name) @attribute
-"@import" @keyword
+(class_name) @label
-"@charset" @keyword
+(feature_name) @variable.other.member
-"@namespace" @keyword
+(function_name) @function
-"@supports" @keyword
+(id_name) @label
-"@keyframes" @keyword
+(namespace_name) @namespace
-(at_keyword) @keyword
+(property_name) @variable.other.member
-(to) @keyword
+
-(from) @keyword
+[
-(important) @keyword
+ "@charset"
+ "@import"
+ "@keyframes"
+ "@media"
+ "@namespace"
+ "@supports"
+ (at_keyword)
+ (from)
+ (important)
+ (to)
+] @keyword
+
+[
+ "#"
+ "."
+] @punctuation
 
 (string_value) @string
+((color_value) "#") @string.special
 (color_value) @string.special
 
 (integer_value) @constant.numeric.integer
 (float_value) @constant.numeric.float
-(unit) @type
 
-"#" @punctuation.delimiter
+[
-"," @punctuation.delimiter
+ ")"
-":" @punctuation.delimiter
+ "("
+ "["
+ "]"
+ "{"
+ "}"
+] @punctuation.bracket
+
+[
+ ","
+ ";"
+ ":"
+ "::"
+] @punctuation.delimiter
+
+(plain_value) @constant