Customize colors for JSON syntax highlighting (#30105)

CHANGELOG.md

@@ -19,7 +19,7 @@ All notable changes to Sourcegraph are documented in this file.
 
 ### Changed
 
--
+- Syntax highlighting for JSON now uses a distinct color for strings in object key positions. [#30105](https://github.com/sourcegraph/sourcegraph/pull/30105)
 
 ### Fixed
 

client/branded/src/global-styles/highlight.scss

@@ -458,6 +458,14 @@
         }
     }
 
+    .hl-json {
+        .hl-key {
+            .hl-string {
+                color: var(--hl-orange);
+            }
+        }
+    }
+
     .hl-ts {
         .hl-keyword.hl-control {
             color: var(--hl-orange);
@@ -758,4 +766,12 @@
             background: var(--diff-add-bg);
         }
     }
+
+    .hl-json {
+        .hl-key {
+            .hl-string {
+                color: var(--hl-green-2);
+            }
+        }
+    }
 }