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#F6F2EE
  • activityBar.border#00000015
  • activityBar.foreground#A5AEA0
  • activityBar.inactiveForeground#3E3A3360
  • activityBarBadge.background#A5AEA0
  • activityBarBadge.foreground#F6F2EE
  • button.background#A5AEA0
  • button.foreground#F6F2EE
  • button.hoverBackground#A5AEA0dd
  • editor.background#F6F2EE
  • editor.foreground#3E3A33
  • editor.inactiveSelectionBackground#C4C0B02580
  • editor.lineHighlightBackground#E9E1CF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#C4C0B025
  • editorCursor.foreground#A5AEA0
  • editorGroupHeader.tabsBackground#E9E1CFaa
  • editorLineNumber.activeForeground#A5AEA0
  • editorLineNumber.foreground#B9B3A580
  • focusBorder#A5AEA0
  • foreground#3E3A33
  • input.background#E9E1CF
  • input.border#00000015
  • input.foreground#3E3A33
  • input.placeholderForeground#3E3A3360
  • list.activeSelectionBackground#A5AEA030
  • list.activeSelectionForeground#3E3A33
  • list.highlightForeground#A5AEA0
  • list.hoverBackground#E9E1CF40
  • list.hoverForeground#3E3A33
  • list.inactiveSelectionBackground#A5AEA015
  • list.inactiveSelectionForeground#3E3A33
  • selection.background#C4C0B025
  • sideBar.background#E9E1CF
  • sideBar.border#00000015
  • sideBar.foreground#3E3A33
  • sideBarSectionHeader.background#E9E1CF80
  • sideBarSectionHeader.foreground#3E3A33
  • sideBarTitle.foreground#A5AEA0
  • statusBar.background#F6F2EE
  • statusBar.border#00000015
  • statusBar.foreground#3E3A33
  • statusBar.noFolderBackground#F6F2EE
  • tab.activeBackground#F6F2EE
  • tab.activeBorderTop#A5AEA0
  • tab.activeForeground#3E3A33
  • tab.border#00000015
  • tab.inactiveBackground#F6F2EE60
  • tab.inactiveForeground#3E3A3380
  • terminal.ansiBlack#3E3A33
  • terminal.ansiBlue#C4C0B0
  • terminal.ansiCyan#C8AA7A
  • terminal.ansiGreen#A5AEA0
  • terminal.ansiMagenta#556B66
  • terminal.ansiRed#556B66
  • terminal.ansiWhite#3E3A33
  • terminal.ansiYellow#C8AA7A
  • terminal.background#F6F2EE
  • terminal.foreground#3E3A33
  • titleBar.activeBackground#F6F2EE
  • titleBar.activeForeground#3E3A33
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F6F2EE
  • titleBar.inactiveForeground#3E3A3360
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B9B3A5italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#C4C0B0bold
storage.type, storage.modifier#C4C0B0italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#A5AEA0
string, punctuation.definition.string, string.template, meta.template.expression#C8AA7A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#556B66
variable, variable.other.readwrite, variable.other.object#3E3A33
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#3E3A33
variable.parameter, meta.parameter#3E3A33dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#3E3A3380
keyword.operator#3E3A33
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#C8AA7Abold
entity.other.inherited-class#A5AEA0
entity.name.tag, punctuation.definition.tag#C4C0B0
entity.other.attribute-name#A5AEA0
meta.diff, meta.diff.header#B9B3A5
markup.deleted#556B66
markup.inserted#A5AEA0
markup.changed#C8AA7A
markup.heading, markup.heading.setext, punctuation.definition.heading#A5AEA0bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#C8AA7A
string.other.link.title, string.other.link.description#A5AEA0
markup.underline.link#B9B3A5underline
punctuation.definition.list#C4C0B0
markup.quote, punctuation.definition.quote#B9B3A5italic