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#111C1B
  • activityBar.border#ffffff15
  • activityBar.foreground#67E9B7
  • activityBar.inactiveForeground#F3EFE460
  • activityBarBadge.background#67E9B7
  • activityBarBadge.foreground#111C1B
  • button.background#67E9B7
  • button.foreground#111C1B
  • button.hoverBackground#67E9B7dd
  • editor.background#111C1B
  • editor.foreground#F3EFE4
  • editor.inactiveSelectionBackground#79ECDE3580
  • editor.lineHighlightBackground#1C353140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79ECDE35
  • editorCursor.foreground#67E9B7
  • editorGroupHeader.tabsBackground#111C1Bdd
  • editorLineNumber.activeForeground#67E9B7
  • editorLineNumber.foreground#5F6A3680
  • focusBorder#67E9B7
  • foreground#F3EFE4
  • input.background#1C3531
  • input.border#ffffff15
  • input.foreground#F3EFE4
  • input.placeholderForeground#F3EFE460
  • list.activeSelectionBackground#67E9B730
  • list.activeSelectionForeground#F3EFE4
  • list.highlightForeground#67E9B7
  • list.hoverBackground#1C353140
  • list.hoverForeground#F3EFE4
  • list.inactiveSelectionBackground#67E9B715
  • list.inactiveSelectionForeground#F3EFE4
  • selection.background#79ECDE35
  • sideBar.background#1C3531
  • sideBar.border#ffffff15
  • sideBar.foreground#F3EFE4
  • sideBarSectionHeader.background#111C1B80
  • sideBarSectionHeader.foreground#F3EFE4
  • sideBarTitle.foreground#67E9B7
  • statusBar.background#111C1B
  • statusBar.border#ffffff15
  • statusBar.foreground#F3EFE4
  • statusBar.noFolderBackground#111C1B
  • tab.activeBackground#111C1B
  • tab.activeBorderTop#67E9B7
  • tab.activeForeground#F3EFE4
  • tab.border#ffffff15
  • tab.inactiveBackground#1C353160
  • tab.inactiveForeground#F3EFE480
  • terminal.ansiBlack#111C1B
  • terminal.ansiBlue#79ECDE
  • terminal.ansiCyan#55D6E7
  • terminal.ansiGreen#67E9B7
  • terminal.ansiMagenta#83F1C0
  • terminal.ansiRed#83F1C0
  • terminal.ansiWhite#F3EFE4
  • terminal.ansiYellow#55D6E7
  • terminal.background#111C1B
  • terminal.foreground#F3EFE4
  • titleBar.activeBackground#111C1B
  • titleBar.activeForeground#F3EFE4
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#111C1B
  • titleBar.inactiveForeground#F3EFE460
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#5F6A36italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79ECDEbold
storage.type, storage.modifier#79ECDEitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9B7
string, punctuation.definition.string, string.template, meta.template.expression#55D6E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F1C0
variable, variable.other.readwrite, variable.other.object#F3EFE4
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F3EFE4
variable.parameter, meta.parameter#F3EFE4dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F3EFE480
keyword.operator#F3EFE4
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55D6E7bold
entity.other.inherited-class#67E9B7
entity.name.tag, punctuation.definition.tag#79ECDE
entity.other.attribute-name#67E9B7
meta.diff, meta.diff.header#5F6A36
markup.deleted#83F1C0
markup.inserted#67E9B7
markup.changed#55D6E7
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9B7bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55D6E7
string.other.link.title, string.other.link.description#67E9B7
markup.underline.link#5F6A36underline
punctuation.definition.list#79ECDE
markup.quote, punctuation.definition.quote#5F6A36italic