Skip to main content
Coding Theme

Color themes

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.

  • activityBar.background#222222
  • editor.background#1E1E1E
  • editor.foreground#D4D4D4
  • editor.lineHighlightBackground#2c323c
  • editorCursor.foreground#528bff
  • editorWhitespace.foreground#4b525b
  • peekViewEditor.background#222222
  • sideBar.background#1E1E1E
  • statusBar.background#222222
  • tab.inactiveBackground#282828
  • terminal.ansiBrightBlue#C4B0EB
  • terminal.ansiGreen#81E98F
  • titleBar.activeBackground#1E1E1E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#D4D4D4
comment, string.comment#5c6370italic
string#DABD80
constant.numeric#c678dd
string.embedded.begin, string.embedded.end#c678dd
string.embedded#A0C180
constant.language#6EB3C0
constant.character, constant.other#6EB3C0
variable.language#c56c72
variable.readwrite, variable.readwrite.other.block#6EB3C0
keyword, keyword.operator.logical, keyword.operator.constructor#c56c72
keyword.operator#c56c72
storage#c56c72
storage.type#6EB3C0
entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class#91BDEA
variable.other.object#d4d4d4
variable.other.property, variable.other.block#d4d4d4
entity.other.inherited-class#A0C180
entity.name.function, support.function#A0C180
variable.parameter#C79B6Ditalic
entity.name.function-call#d4d4d4
function.support.builtin, function.support.core#A0C180
entity.name.tag, entity.name.tag.class.js, entity.name.tag.class.jsx#c56c72
entity.name.tag.class, entity.name.tag.id#6EB3C0
entity.other.attribute-name#A0C180
support.constant#6EB3C0
support.type, support.variable#6EB3C0
support.dictionary.json#6EB3C0
support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass#d4d4d4
support.constant.css, support.constant.scss, support.constant.less, support.constant.sass#A0C180
variable.css, variable.scss, variable.less, variable.sass#6EB3C0
variable.css.string, variable.scss.string, variable.less.string, variable.sass.string#DABD80
unit.css, unit.scss, unit.less, unit.sass#c678dd
function.css, function.scss, function.less, function.sass#6EB3C0
support.other.variable
invalid#F8F8F0
invalid.deprecated#F8F8F0
structure.dictionary.property-name.json#6EB3C0
string.detected-link#6EB3C0
meta.diff, meta.diff.header#75715E
markup.deleted#c678dd
markup.inserted#DABD80
markup.changed#DABD80
constant.numeric.line-number.find-in-files - match#6EB3C0A0
entity.name.filename.find-in-files#DABD80