diff --git a/styles/src/themes/common/colorScheme.ts b/styles/src/themes/common/colorScheme.ts
index ad2de9b62d90843608a790bf6ed2c4f4cabb7b74..91e8f5a02014847479e8c18ce7bd8c7558f8337b 100644
--- a/styles/src/themes/common/colorScheme.ts
+++ b/styles/src/themes/common/colorScheme.ts
@@ -160,7 +160,7 @@ export interface Syntax {
     "type.builtin": SyntaxHighlightStyle
 
     // == Values
-
+    variable: SyntaxHighlightStyle,
     // racket: lang_name
     "variable.builtin": SyntaxHighlightStyle
     // this, ...
diff --git a/styles/src/themes/common/syntax.ts b/styles/src/themes/common/syntax.ts
index 9c0b61447e90c864d81c89d27cf8dcb86ea0497e..a1c82ec7e92e47b74255848c436b70fb3749cda0 100644
--- a/styles/src/themes/common/syntax.ts
+++ b/styles/src/themes/common/syntax.ts
@@ -120,6 +120,9 @@ function buildDefaultSyntax(colorScheme: ColorScheme): Syntax {
         "type.builtin": {
             color: color.type,
         },
+        variable: {
+            color: color.primary,
+        },
         "variable.builtin": {
             color: colorScheme.ramps.blue(0.5).hex(),
         },