Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>SynesthesiaNew to Visual Studio Code? Get it now.
Synesthesia

Synesthesia

Dr F Word

|
835 installs
| (1) | Free
Dark theme with meaningful colours!
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Synesthesia Colour Theme

Dark and vibrant TextMate theme with meaningful colours.

Colours

The colours should be meaningful! In this theme, all colours share a common saturation and lightness, and similar token kinds will share similar hue values. Different hues are always a multiple of 5 degrees apart.

Examples

TypeScript

TypeScript

Python

Python

Rust

Rust

OpenCL

OpenCL

JSON

JSON

TOML

TOML

Table

Hex Colour Hue Token
#b34d4d #b34d4d 0 // Punctuation definition
#b3554d #b3554d 5 // Import keywords
#b35e4d #b35e4d 10 // Keyword control at-rule
#b3664d #b3664d 15 // Keyword control loop
#b36f4d #b36f4d 20 // Control flow
#b3774d #b3774d 25 // Keyword function
#b3804d #b3804d 30 // Numerical decimal
#b3884d #b3884d 35 // Numerical float
#b3914d #b3914d 40 // String formatting
#b3994d #b3994d 45 // Language constant
#b3a24d #b3a24d 50 // keyword export
#b3aa4d #b3aa4d 55 // 'c'
#b2b34d #b2b34d 60 // "string"
#aab34d #aab34d 65 // String delimiter
#a1b34d #a1b34d 70 // JSX children
#99b34d #99b34d 75 // --
#90b34d #90b34d 80 // String unquoted argument
#88b34d #88b34d 85 // --
#80b34d #80b34d 90 // --
#77b34d #77b34d 95 // Namespace
#6eb34d #6eb34d 100 // --
#66b34d #66b34d 105 // --
#5eb34d #5eb34d 110 // Log date
#55b34d #55b34d 115 // --
#4db34d #4db34d 120 // --
#4db355 #4db355 125 // function()
#4db35e #4db35e 130 // --
#4db366 #4db366 135 // --
#4db36f #4db36f 140 // --
#4db377 #4db377 145 // Constant other option
#4db380 #4db380 150 // --
#4db388 #4db388 155 // --
#4db391 #4db391 160 // This
#4db399 #4db399 165 // Self
#4db3a2 #4db3a2 170 // Read
#4db3aa #4db3aa 175 // Mutable variable
#4db2b3 #4db2b3 180 // Write
#4daab3 #4daab3 185 // Variable name
#4da1b3 #4da1b3 190 // Attribute vendored
#4d99b3 #4d99b3 195 // Variable parameter
#4d90b3 #4d90b3 200 // Attribute
#4d88b3 #4d88b3 205 // Other attribute
#4d7fb3 #4d7fb3 210 // Inherited class / support class component
#4d77b3 #4d77b3 215 // Meta - Item access
#4d6eb3 #4d6eb3 220 // Variable other property
#4d66b3 #4d66b3 225 // Meta - Object literal
#4d5eb3 #4d5eb3 230 // Type
#4d55b3 #4d55b3 235 // --
#4d4db3 #4d4db3 240 // Meta attribute
#554db3 #554db3 245 // --
#5d4db3 #5d4db3 250 // Constant variable
#664db3 #664db3 255 // Tag punctuation
#6f4db3 #6f4db3 260 // Storage type class
#774db3 #774db3 265 // Storage type Enum
#7f4db3 #7f4db3 270 // Storage type interface
#884db3 #884db3 275 // Storage type
#914db3 #914db3 280 // Storage modifier
#994db3 #994db3 285 // --
#a14db3 #a14db3 290 // --
#aa4db3 #aa4db3 295 // --
#b34db2 #b34db2 300 // --
#b34daa #b34daa 305 // --
#b34da1 #b34da1 310 // Operator convert
#b34d99 #b34d99 315 // Keyframe offset
#b34d90 #b34d90 320 // Operator new
#b34d88 #b34d88 325 // Decorator punctuation
#b34d80 #b34d80 330 // Operator expression / question
#b34d77 #b34d77 335 // Operator assignment
#b34d6e #b34d6e 340 // Operator arithmetic
#b34d66 #b34d66 345 // Operator logical
#b34d5e #b34d5e 350 // Operator relational
#b34d55 #b34d55 355 // Operator comparison
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft