Ultimate collection of 50+ professional VSCode themes: dark themes like Nebula Storm, Stellar Operator, Cosmic Eclipse, Ocean Depths, Hacker, Bad Hacker, Nord, Tokyo Night, Dracula, Solarized, Gruvbox, One Dark Pro, Goku Code, Nebula, Neon Dream, Dark Green Jungle, Black and White TV, Maple Dark, Ne
VS Code preview Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors Workbench UI color keys from the theme JSON colors map.
key HEX RGB RGBA activityBar.background
#2B2B2B RGB(43, 43, 43) RGBA(43, 43, 43, 1) activityBarBadge.background
#2B2B2B RGB(43, 43, 43) RGBA(43, 43, 43, 1) editor.background
#2B2B2B RGB(43, 43, 43) RGBA(43, 43, 43, 1) editor.findMatchHighlightBackground
#595761 RGB(89, 87, 97) RGBA(89, 87, 97, 1) editor.foreground
#EEFFFF RGB(238, 255, 255) RGBA(238, 255, 255, 1) editor.lineHighlightBackground
#313133 RGB(49, 49, 51) RGBA(49, 49, 51, 1) editor.selectionBackground
#595761 RGB(89, 87, 97) RGBA(89, 87, 97, 1) editor.selectionHighlightBackground
#595761 RGB(89, 87, 97) RGBA(89, 87, 97, 1) focusBorder
#595761 RGB(89, 87, 97) RGBA(89, 87, 97, 1) list.activeSelectionBackground
#595761 RGB(89, 87, 97) RGBA(89, 87, 97, 1) minimap.selectionHighlight
#595761 RGB(89, 87, 97) RGBA(89, 87, 97, 1) panel.background
#2B2B2B RGB(43, 43, 43) RGBA(43, 43, 43, 1) peekView.border
#595761 RGB(89, 87, 97) RGBA(89, 87, 97, 1) peekViewEditor.background
#2B2B2B RGB(43, 43, 43) RGBA(43, 43, 43, 1) peekViewEditor.matchHighlightBackground
#595761 RGB(89, 87, 97) RGBA(89, 87, 97, 1) peekViewResult.matchHighlightBackground
#595761 RGB(89, 87, 97) RGBA(89, 87, 97, 1) peekViewResult.selectionBackground
#595761 RGB(89, 87, 97) RGBA(89, 87, 97, 1) selection.background
#595761 RGB(89, 87, 97) RGBA(89, 87, 97, 1) sideBar.background
#2B2B2B RGB(43, 43, 43) RGBA(43, 43, 43, 1) sideBarTitle.foreground
#2B2B2B RGB(43, 43, 43) RGBA(43, 43, 43, 1) statusBar.background
#2B2B2B RGB(43, 43, 43) RGBA(43, 43, 43, 1) terminal.background
#2B2B2B RGB(43, 43, 43) RGBA(43, 43, 43, 1)
tokenColors Foregrounds this theme assigns to the token scope catalog. A rule with only a font style is skipped, and a longer matching scope wins. Italic and bold rules are not listed — the preview above shows them in the code.
scope HEX RGB RGBA comment
#A0A29F RGB(160, 162, 159) RGBA(160, 162, 159, 1) comment.block
#A0A29F RGB(160, 162, 159) RGBA(160, 162, 159, 1) comment.block.documentation
#A0A29F RGB(160, 162, 159) RGBA(160, 162, 159, 1) comment.line
#A0A29F RGB(160, 162, 159) RGBA(160, 162, 159, 1) constant
#5695A3 RGB(86, 149, 163) RGBA(86, 149, 163, 1) constant.character
#F2D94E RGB(242, 217, 78) RGBA(242, 217, 78, 1) constant.character.escape
#A1BBEC RGB(161, 187, 236) RGBA(161, 187, 236, 1) constant.numeric
#F2D94E RGB(242, 217, 78) RGBA(242, 217, 78, 1) constant.numeric.integer
#F2D94E RGB(242, 217, 78) RGBA(242, 217, 78, 1) constant.numeric.float
#F2D94E RGB(242, 217, 78) RGBA(242, 217, 78, 1) constant.numeric.hex
#F2D94E RGB(242, 217, 78) RGBA(242, 217, 78, 1) constant.numeric.octal
#F2D94E RGB(242, 217, 78) RGBA(242, 217, 78, 1) constant.other
#5695A3 RGB(86, 149, 163) RGBA(86, 149, 163, 1) constant.other.placeholder
#F8F8F0 RGB(248, 248, 240) RGBA(248, 248, 240, 1) entity
#5FBD58 RGB(95, 189, 88) RGBA(95, 189, 88, 1) entity.name
#75D0C1 RGB(117, 208, 193) RGBA(117, 208, 193, 1) entity.name.class
#75D0C1 RGB(117, 208, 193) RGBA(117, 208, 193, 1) entity.name.function
#FA8581 RGB(250, 133, 129) RGBA(250, 133, 129, 1) entity.name.method
#75D0C1 RGB(117, 208, 193) RGBA(117, 208, 193, 1) entity.name.namespace
#75D0C1 RGB(117, 208, 193) RGBA(117, 208, 193, 1) entity.name.section
#75D0C1 RGB(117, 208, 193) RGBA(117, 208, 193, 1) entity.name.selector
#75D0C1 RGB(117, 208, 193) RGBA(117, 208, 193, 1) entity.name.tag
#FA8581 RGB(250, 133, 129) RGBA(250, 133, 129, 1) entity.name.type
#75D0C1 RGB(117, 208, 193) RGBA(117, 208, 193, 1) entity.name.type.enum
#75D0C1 RGB(117, 208, 193) RGBA(117, 208, 193, 1) entity.name.type.interface
#75D0C1 RGB(117, 208, 193) RGBA(117, 208, 193, 1) entity.name.type.struct
#75D0C1 RGB(117, 208, 193) RGBA(117, 208, 193, 1) entity.other
#FFCB6B RGB(255, 203, 107) RGBA(255, 203, 107, 1) entity.other.attribute-name
#5695A3 RGB(86, 149, 163) RGBA(86, 149, 163, 1) entity.other.inherited-class
#A1BBEC RGB(161, 187, 236) RGBA(161, 187, 236, 1) invalid
#FA8581 RGB(250, 133, 129) RGBA(250, 133, 129, 1) invalid.deprecated
#FA8581 RGB(250, 133, 129) RGBA(250, 133, 129, 1) invalid.illegal
#FA8581 RGB(250, 133, 129) RGBA(250, 133, 129, 1) keyword
#EE90E6 RGB(238, 144, 230) RGBA(238, 144, 230, 1) keyword.control
#92BC2C RGB(146, 188, 44) RGBA(146, 188, 44, 1) keyword.control.flow
#92BC2C RGB(146, 188, 44) RGBA(146, 188, 44, 1) keyword.operator
#EE90E6 RGB(238, 144, 230) RGBA(238, 144, 230, 1) keyword.operator.new
#EE90E6 RGB(238, 144, 230) RGBA(238, 144, 230, 1) keyword.operator.assignment
#EE90E6 RGB(238, 144, 230) RGBA(238, 144, 230, 1) keyword.operator.arithmetic
#EE90E6 RGB(238, 144, 230) RGBA(238, 144, 230, 1) keyword.operator.logical
#EE90E6 RGB(238, 144, 230) RGBA(238, 144, 230, 1) keyword.other
#F2D94E RGB(242, 217, 78) RGBA(242, 217, 78, 1) markup
#EEFFFF RGB(238, 255, 255) RGBA(238, 255, 255, 1) markup.bold
#C9BB8A RGB(201, 187, 138) RGBA(201, 187, 138, 1) markup.changed
#0C69C8 RGB(12, 105, 200) RGBA(12, 105, 200, 1) markup.deleted
#D3425F RGB(211, 66, 95) RGBA(211, 66, 95, 1) markup.heading
#A1BBEC RGB(161, 187, 236) RGBA(161, 187, 236, 1) markup.inserted
#92BC2C RGB(146, 188, 44) RGBA(146, 188, 44, 1) markup.italic
#C9BB8A RGB(201, 187, 138) RGBA(201, 187, 138, 1) markup.raw
#EEFFFF RGB(238, 255, 255) RGBA(238, 255, 255, 1) markup.underline
#C9BB8A RGB(201, 187, 138) RGBA(201, 187, 138, 1) markup.underline.link
#C9BB8A RGB(201, 187, 138) RGBA(201, 187, 138, 1) meta
#65737E RGB(101, 115, 126) RGBA(101, 115, 126, 1) meta.function-call
#FA8581 RGB(250, 133, 129) RGBA(250, 133, 129, 1) meta.tag
#FBA54C RGB(251, 165, 76) RGBA(251, 165, 76, 1) punctuation.definition.bracket
#FBA54C RGB(251, 165, 76) RGBA(251, 165, 76, 1) punctuation.definition.comment
#A0A29F RGB(160, 162, 159) RGBA(160, 162, 159, 1) punctuation.definition.string.begin
#FBA54C RGB(251, 165, 76) RGBA(251, 165, 76, 1) punctuation.definition.string.end
#FBA54C RGB(251, 165, 76) RGBA(251, 165, 76, 1) punctuation.separator
#FBA54C RGB(251, 165, 76) RGBA(251, 165, 76, 1) punctuation.separator.continuation
#FBA54C RGB(251, 165, 76) RGBA(251, 165, 76, 1) punctuation.terminator
#FBA54C RGB(251, 165, 76) RGBA(251, 165, 76, 1) storage
#539DDF RGB(83, 157, 223) RGBA(83, 157, 223, 1) storage.modifier
#539DDF RGB(83, 157, 223) RGBA(83, 157, 223, 1) storage.type
#539DDF RGB(83, 157, 223) RGBA(83, 157, 223, 1) string
#C9BB8A RGB(201, 187, 138) RGBA(201, 187, 138, 1) string.interpolated
#C9BB8A RGB(201, 187, 138) RGBA(201, 187, 138, 1) string.other
#C9BB8A RGB(201, 187, 138) RGBA(201, 187, 138, 1) string.quoted
#C9BB8A RGB(201, 187, 138) RGBA(201, 187, 138, 1) string.quoted.double
#C9BB8A RGB(201, 187, 138) RGBA(201, 187, 138, 1) string.quoted.other
#C9BB8A RGB(201, 187, 138) RGBA(201, 187, 138, 1) string.quoted.single
#C9BB8A RGB(201, 187, 138) RGBA(201, 187, 138, 1) string.quoted.triple
#C9BB8A RGB(201, 187, 138) RGBA(201, 187, 138, 1) string.regexp
#A1BBEC RGB(161, 187, 236) RGBA(161, 187, 236, 1) string.template
#C9BB8A RGB(201, 187, 138) RGBA(201, 187, 138, 1) string.unquoted
#C9BB8A RGB(201, 187, 138) RGBA(201, 187, 138, 1) support
#75D0C1 RGB(117, 208, 193) RGBA(117, 208, 193, 1) support.class
#75D0C1 RGB(117, 208, 193) RGBA(117, 208, 193, 1) support.constant
#F2D94E RGB(242, 217, 78) RGBA(242, 217, 78, 1) support.function
#FA8581 RGB(250, 133, 129) RGBA(250, 133, 129, 1) support.other
#75D0C1 RGB(117, 208, 193) RGBA(117, 208, 193, 1) support.type
#A1BBEC RGB(161, 187, 236) RGBA(161, 187, 236, 1) support.type.primitive
#A1BBEC RGB(161, 187, 236) RGBA(161, 187, 236, 1) support.type.property-name
#75D0C1 RGB(117, 208, 193) RGBA(117, 208, 193, 1) variable
#F8F8F0 RGB(248, 248, 240) RGBA(248, 248, 240, 1) variable.function
#FA8581 RGB(250, 133, 129) RGBA(250, 133, 129, 1) variable.language
#75D0C1 RGB(117, 208, 193) RGBA(117, 208, 193, 1) variable.name
#F8F8F0 RGB(248, 248, 240) RGBA(248, 248, 240, 1) variable.other
#F2D94E RGB(242, 217, 78) RGBA(242, 217, 78, 1) variable.other.constant
#F2D94E RGB(242, 217, 78) RGBA(242, 217, 78, 1) variable.other.property
#F2D94E RGB(242, 217, 78) RGBA(242, 217, 78, 1) variable.other.readwrite
#F2D94E RGB(242, 217, 78) RGBA(242, 217, 78, 1) variable.parameter
#F2D94E RGB(242, 217, 78) RGBA(242, 217, 78, 1)