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#4C3B2A
  • activityBar.border#ffffff15
  • activityBar.foreground#679DE9
  • activityBar.inactiveForeground#f6f8fa60
  • activityBarBadge.background#679DE9
  • activityBarBadge.foreground#4C3B2A
  • button.background#679DE9
  • button.foreground#4C3B2A
  • button.hoverBackground#679DE9dd
  • editor.background#4C3B2A
  • editor.foreground#f6f8fa
  • editor.inactiveSelectionBackground#79ADEC3580
  • editor.lineHighlightBackground#080A0D40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79ADEC35
  • editorCursor.foreground#679DE9
  • editorGroupHeader.tabsBackground#4C3B2Add
  • editorLineNumber.activeForeground#679DE9
  • editorLineNumber.foreground#aab2bd80
  • focusBorder#679DE9
  • foreground#f6f8fa
  • input.background#080A0D
  • input.border#ffffff15
  • input.foreground#f6f8fa
  • input.placeholderForeground#f6f8fa60
  • list.activeSelectionBackground#679DE930
  • list.activeSelectionForeground#f6f8fa
  • list.highlightForeground#679DE9
  • list.hoverBackground#080A0D40
  • list.hoverForeground#f6f8fa
  • list.inactiveSelectionBackground#679DE915
  • list.inactiveSelectionForeground#f6f8fa
  • selection.background#79ADEC35
  • sideBar.background#080A0D
  • sideBar.border#ffffff15
  • sideBar.foreground#f6f8fa
  • sideBarSectionHeader.background#4C3B2A80
  • sideBarSectionHeader.foreground#f6f8fa
  • sideBarTitle.foreground#679DE9
  • statusBar.background#4C3B2A
  • statusBar.border#ffffff15
  • statusBar.foreground#f6f8fa
  • statusBar.noFolderBackground#4C3B2A
  • tab.activeBackground#4C3B2A
  • tab.activeBorderTop#679DE9
  • tab.activeForeground#f6f8fa
  • tab.border#ffffff15
  • tab.inactiveBackground#080A0D60
  • tab.inactiveForeground#f6f8fa80
  • terminal.ansiBlack#4C3B2A
  • terminal.ansiBlue#79ADEC
  • terminal.ansiCyan#55A1E7
  • terminal.ansiGreen#679DE9
  • terminal.ansiMagenta#83ADF1
  • terminal.ansiRed#83ADF1
  • terminal.ansiWhite#f6f8fa
  • terminal.ansiYellow#55A1E7
  • terminal.background#4C3B2A
  • terminal.foreground#f6f8fa
  • titleBar.activeBackground#4C3B2A
  • titleBar.activeForeground#f6f8fa
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#4C3B2A
  • titleBar.inactiveForeground#f6f8fa60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#aab2bditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79ADECbold
storage.type, storage.modifier#79ADECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#679DE9
string, punctuation.definition.string, string.template, meta.template.expression#55A1E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83ADF1
variable, variable.other.readwrite, variable.other.object#f6f8fa
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f6f8fa
variable.parameter, meta.parameter#f6f8fadditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f6f8fa80
keyword.operator#f6f8fa
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55A1E7bold
entity.other.inherited-class#679DE9
entity.name.tag, punctuation.definition.tag#79ADEC
entity.other.attribute-name#679DE9
meta.diff, meta.diff.header#aab2bd
markup.deleted#83ADF1
markup.inserted#679DE9
markup.changed#55A1E7
markup.heading, markup.heading.setext, punctuation.definition.heading#679DE9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55A1E7
string.other.link.title, string.other.link.description#679DE9
markup.underline.link#aab2bdunderline
punctuation.definition.list#79ADEC
markup.quote, punctuation.definition.quote#aab2bditalic