Add color for 'variable.special' and use it in highlight queries

2022-10-07 12:44:20 -07:00
parent ec76146a23
commit 070c4bc503
6 changed files with 17 additions and 10 deletions
@@ -41,7 +41,7 @@

 (field_identifier) @property
 (statement_identifier) @label
-(this) @variable.builtin
+(this) @variable.special

 [
  "break"
@@ -41,10 +41,13 @@

 (function_name) @function

-((property_name) @variable
- (#match? @variable "^--"))
-((plain_value) @variable
- (#match? @variable "^--"))
+(
+  [
+    (property_name)
+    (plain_value)
+  ] @variable.special
+  (#match? @variable.special "^--")
+)

 [
  "@media"
@@ -55,8 +55,8 @@

 ; Literals

-(this) @variable.builtin
-(super) @variable.builtin
+(this) @variable.special
+(super) @variable.special

 [
  (true)
@@ -1,6 +1,6 @@
 (type_identifier) @type
 (primitive_type) @type.builtin
-(self) @variable.builtin
+(self) @variable.special
 (field_identifier) @property

 (call_expression
@@ -55,8 +55,8 @@

 ; Literals

-(this) @variable.builtin
-(super) @variable.builtin
+(this) @variable.special
+(super) @variable.special

 [
  (true)
@@ -185,6 +185,10 @@ export function createTheme(
      color: sample(ramps.neutral, 7),
      weight: fontWeights.normal,
    },
+    "variable.special": {
+      color: sample(ramps.blue, 0.80),
+      weight: fontWeights.normal,
+    },
    comment: {
      color: sample(ramps.neutral, 5),
      weight: fontWeights.normal,