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

Max Brunsfeld created

Change summary

crates/zed/src/languages/cpp/highlights.scm        |  2 +-
crates/zed/src/languages/css/highlights.scm        | 11 +++++++----
crates/zed/src/languages/javascript/highlights.scm |  4 ++--
crates/zed/src/languages/rust/highlights.scm       |  2 +-
crates/zed/src/languages/typescript/highlights.scm |  4 ++--
styles/src/themes/common/base16.ts                 |  4 ++++
6 files changed, 17 insertions(+), 10 deletions(-)

Detailed changes

crates/zed/src/languages/css/highlights.scm 🔗

@@ -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"

styles/src/themes/common/base16.ts 🔗

@@ -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,