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#040604
  • activityBar.border#ffffff15
  • activityBar.foreground#67E3E9
  • activityBar.inactiveForeground#F2F5F360
  • activityBarBadge.background#67E3E9
  • activityBarBadge.foreground#040604
  • button.background#67E3E9
  • button.foreground#040604
  • button.hoverBackground#67E3E9dd
  • editor.background#040604
  • editor.foreground#F2F5F3
  • editor.inactiveSelectionBackground#A7EC793580
  • editor.lineHighlightBackground#CDE0DA40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#A7EC7935
  • editorCursor.foreground#67E3E9
  • editorGroupHeader.tabsBackground#040604dd
  • editorLineNumber.activeForeground#67E3E9
  • editorLineNumber.foreground#0F3D3F80
  • focusBorder#67E3E9
  • foreground#F2F5F3
  • input.background#CDE0DA
  • input.border#ffffff15
  • input.foreground#F2F5F3
  • input.placeholderForeground#F2F5F360
  • list.activeSelectionBackground#67E3E930
  • list.activeSelectionForeground#F2F5F3
  • list.highlightForeground#67E3E9
  • list.hoverBackground#CDE0DA40
  • list.hoverForeground#F2F5F3
  • list.inactiveSelectionBackground#67E3E915
  • list.inactiveSelectionForeground#F2F5F3
  • selection.background#A7EC7935
  • sideBar.background#CDE0DA
  • sideBar.border#ffffff15
  • sideBar.foreground#F2F5F3
  • sideBarSectionHeader.background#04060480
  • sideBarSectionHeader.foreground#F2F5F3
  • sideBarTitle.foreground#67E3E9
  • statusBar.background#040604
  • statusBar.border#ffffff15
  • statusBar.foreground#F2F5F3
  • statusBar.noFolderBackground#040604
  • tab.activeBackground#040604
  • tab.activeBorderTop#67E3E9
  • tab.activeForeground#F2F5F3
  • tab.border#ffffff15
  • tab.inactiveBackground#CDE0DA60
  • tab.inactiveForeground#F2F5F380
  • terminal.ansiBlack#040604
  • terminal.ansiBlue#A7EC79
  • terminal.ansiCyan#55E7E7
  • terminal.ansiGreen#67E3E9
  • terminal.ansiMagenta#C7F183
  • terminal.ansiRed#C7F183
  • terminal.ansiWhite#F2F5F3
  • terminal.ansiYellow#55E7E7
  • terminal.background#040604
  • terminal.foreground#F2F5F3
  • titleBar.activeBackground#040604
  • titleBar.activeForeground#F2F5F3
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#040604
  • titleBar.inactiveForeground#F2F5F360
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#0F3D3Fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#A7EC79bold
storage.type, storage.modifier#A7EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E3E9
string, punctuation.definition.string, string.template, meta.template.expression#55E7E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C7F183
variable, variable.other.readwrite, variable.other.object#F2F5F3
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F2F5F3
variable.parameter, meta.parameter#F2F5F3dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F2F5F380
keyword.operator#F2F5F3
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E7E7bold
entity.other.inherited-class#67E3E9
entity.name.tag, punctuation.definition.tag#A7EC79
entity.other.attribute-name#67E3E9
meta.diff, meta.diff.header#0F3D3F
markup.deleted#C7F183
markup.inserted#67E3E9
markup.changed#55E7E7
markup.heading, markup.heading.setext, punctuation.definition.heading#67E3E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E7E7
string.other.link.title, string.other.link.description#67E3E9
markup.underline.link#0F3D3Funderline
punctuation.definition.list#A7EC79
markup.quote, punctuation.definition.quote#0F3D3Fitalic