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.

  • editor.background#0d1016
  • editor.foreground#C5C8C6
  • editor.lineHighlightBackground#3B4048
  • editor.lineNumber.foreground#4C566A
  • editor.selectionBackground#4C566A
  • editor.selectionHighlightBackground#434C5E
  • editor.wordHighlightBackground#3B4048
  • editorCursor.foreground#A3BE8C
  • editorIndentGuide.background1#4C566A
  • editorRuler.foreground#4C566A
  • sideBar.background#1f2127
  • sideBar.foreground#C5C8C6
  • sideBarSectionHeader.background#3B4048
  • sideBarSectionHeader.foreground#62a0ea
  • sideBarTitle.foreground#62a0ea
  • statusBar.background#2E353F
  • statusBar.foreground#C5C8C6
  • statusBarItem.errorBackground#62a0ea
  • statusBarItem.successBackground#A3BE8C
  • statusBarItem.warningBackground#EBCB8B
  • terminal.ansiBlack#0d1016
  • terminal.ansiBlue#5E81AC
  • terminal.ansiCyan#88C0D0
  • terminal.ansiGreen#A3BE8C
  • terminal.ansiMagenta#B48EAD
  • terminal.ansiRed#BF616A
  • terminal.ansiWhite#C5C8C6
  • terminal.ansiYellow#EBCB8B
  • terminal.background#0d1016
  • terminal.foreground#C5C8C6
  • terminalCursor.background#A3BE8C
  • terminalCursor.foreground#A3BE8C

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#4C566Aitalic
keyword#c09dea
variable#C5C8C6
string#A3BE8C
constant#fefefe
storage#c09dea
function#B48EAD
class#B48EAD
type#A3BE8C
entity.name.type.class, entity.name.class, support.class, support.type, entity.other.attribute-name#89b4fa
keyword.expressions-and-types.swift, keyword.other.this, variable.language punctuation.definition.variable.php, variable.other.readwrite.instance.ruby, variable.parameter.function.language.special#86d8e7
keyword.expressions-and-types.swift, keyword.other.this, variable.language, variable.language punctuation.definition.variable.php, variable.other.readwrite.instance.ruby, variable.parameter.function.language.specialitalic
entity.name.function, meta.function-call.object, meta.function-call.php, meta.function-call.static, meta.method-call.java meta.method, meta.method.groovy, support.function.any-method.lua, keyword.operator.function.infix#89b4fa
entity.other.inherited-class#89b4faitalic
punctuation.definition.variable.php#86d8e7italic
punctuation.definition.bracket.php, punctuation.definition.parenthesis.php#f4f4f4
keyword.control.php#A3BE8Citalic
string.quoted.double.php, string.quoted.single.php#9fd99a
constant.numeric.php#C5C8C6
variable.language.php#caa5f6italic
comment, punctuation.definition.comment, unused.comment, wildcard.comment#74788eitalic
entity.name.variable.parameter, meta.at-rule.function variable, meta.at-rule.mixin variable, meta.function.arguments variable.other.php, meta.selectionset.graphql meta.arguments.graphql variable.arguments.graphql, variable.parameteritalic
keyword.control.php#cba6f7italic
entity.name.tag#FF79C6
entity.other.attribute-name.parent-selector#FF79C6
entity.other.attribute-name#7bb256italic
punctuation.definition.keyword#e1cc9eitalic
keyword.control.new, keyword.operator.newbold
constant.other.symbol.hashkey punctuation.definition.constant.ruby, entity.other.attribute-name.placeholder punctuation, entity.other.attribute-name.pseudo-class punctuation, entity.other.attribute-name.pseudo-element punctuation, meta.group.double.toml, meta.group.toml, meta.object-binding-pattern-variable punctuation.destructuring, punctuation.colon.graphql, punctuation.definition.block.scalar.folded.yaml, punctuation.definition.block.scalar.literal.yaml, punctuation.definition.block.sequence.item.yaml, punctuation.definition.entity.other.inherited-class, punctuation.function.swift, punctuation.separator.dictionary.key-value, punctuation.separator.hash, punctuation.separator.inheritance, punctuation.separator.key-value, punctuation.separator.key-value.mapping.yaml, punctuation.separator.namespace, punctuation.separator.pointer-access, punctuation.separator.slice, string.unquoted.heredoc punctuation.definition.string, support.other.chomping-indicator.yaml, punctuation.separator.annotation#fefefe