Peaceful JSON Color Scheme

Complete reference of syntax highlighting colors

Core Elements

Keys
#9cdcfe
Object property keys
"name": "value"

String Values

String (Default)
#ce9178
Standard string values
"Hello World"
URL
#4ec9b0
URLs and web addresses
"https://example.com"
Email
#4fc1ff
Email addresses
"user@example.com"
Date
#dcdcaa
Date and timestamp strings
"2023-10-09T12:00:00Z"
UUID
#dcdcaa
UUID identifiers
"550e8400-e29b-41d4-a716-446655440000"

Number Values

Integer
#b5cea8
Whole numbers
42
Float
#a8d4a0
Decimal numbers (lighter green, distinct from keys)
3.14159
Scientific Notation
#c586c0
Numbers in scientific notation
1.23e-4

Boolean and Special Values

Boolean True
#44dd22
Boolean true value (darker neon green, similar to brackets)
true
Boolean False
#ff073a
Boolean false value (neon red)
false
Null
#808080
Null values
null
Undefined
#646695
Undefined values
undefined

Structural Elements (Brackets)

Array Brackets
#ffd700
Square brackets for arrays
[ ]
Object Brackets
#da70d6
Curly brackets for objects (orchid)
{ }

User Interface Colors

Background
#1e1e1e
Main background color
Surface/Panel
#2d2d2d
Cards, panels, elevated surfaces
Primary
#137e21
Primary brand color, buttons
Secondary/Accent
#4ec9b0
Secondary accent color, links
Text
#dcdcdc
Primary text color
Muted Text
#808080
Secondary, dimmed text
Usage Notes:
  • Enhanced color coding can be toggled in extension settings
  • Colors are optimized for dark theme readability and distinctiveness
  • Special string types (URL, email, date, UUID) are automatically detected
  • Number subtypes (integer, float, scientific) are automatically classified
  • Boolean colors use high-contrast neon colors (green for true, red for false)
  • Keys (light blue), float values (light green), and object brackets (neon bright green) are highly distinct
  • Use dedicated Recursive Collapse/Expand button in toolbar for showing keys only