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.special—italic
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.parameter—italic
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.new—bold
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—
khazad-dump by Diego Brocanelli - VS Code Theme