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#1F353D
  • activityBar.border#ffffff15
  • activityBar.foreground#67E9DA
  • activityBar.inactiveForeground#F7FAFA60
  • activityBarBadge.background#67E9DA
  • activityBarBadge.foreground#1F353D
  • button.background#67E9DA
  • button.foreground#1F353D
  • button.hoverBackground#67E9DAdd
  • editor.background#1F353D
  • editor.foreground#F7FAFA
  • editor.inactiveSelectionBackground#79B8EC3580
  • editor.lineHighlightBackground#121E2140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79B8EC35
  • editorCursor.foreground#67E9DA
  • editorGroupHeader.tabsBackground#1F353Ddd
  • editorLineNumber.activeForeground#67E9DA
  • editorLineNumber.foreground#B8C3C780
  • focusBorder#67E9DA
  • foreground#F7FAFA
  • input.background#121E21
  • input.border#ffffff15
  • input.foreground#F7FAFA
  • input.placeholderForeground#F7FAFA60
  • list.activeSelectionBackground#67E9DA30
  • list.activeSelectionForeground#F7FAFA
  • list.highlightForeground#67E9DA
  • list.hoverBackground#121E2140
  • list.hoverForeground#F7FAFA
  • list.inactiveSelectionBackground#67E9DA15
  • list.inactiveSelectionForeground#F7FAFA
  • selection.background#79B8EC35
  • sideBar.background#121E21
  • sideBar.border#ffffff15
  • sideBar.foreground#F7FAFA
  • sideBarSectionHeader.background#1F353D80
  • sideBarSectionHeader.foreground#F7FAFA
  • sideBarTitle.foreground#67E9DA
  • statusBar.background#1F353D
  • statusBar.border#ffffff15
  • statusBar.foreground#F7FAFA
  • statusBar.noFolderBackground#1F353D
  • tab.activeBackground#1F353D
  • tab.activeBorderTop#67E9DA
  • tab.activeForeground#F7FAFA
  • tab.border#ffffff15
  • tab.inactiveBackground#121E2160
  • tab.inactiveForeground#F7FAFA80
  • terminal.ansiBlack#1F353D
  • terminal.ansiBlue#79B8EC
  • terminal.ansiCyan#55E7D6
  • terminal.ansiGreen#67E9DA
  • terminal.ansiMagenta#F18C83
  • terminal.ansiRed#F18C83
  • terminal.ansiWhite#F7FAFA
  • terminal.ansiYellow#55E7D6
  • terminal.background#1F353D
  • terminal.foreground#F7FAFA
  • titleBar.activeBackground#1F353D
  • titleBar.activeForeground#F7FAFA
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1F353D
  • titleBar.inactiveForeground#F7FAFA60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B8C3C7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79B8ECbold
storage.type, storage.modifier#79B8ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9DA
string, punctuation.definition.string, string.template, meta.template.expression#55E7D6
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F18C83
variable, variable.other.readwrite, variable.other.object#F7FAFA
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7FAFA
variable.parameter, meta.parameter#F7FAFAdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7FAFA80
keyword.operator#F7FAFA
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E7D6bold
entity.other.inherited-class#67E9DA
entity.name.tag, punctuation.definition.tag#79B8EC
entity.other.attribute-name#67E9DA
meta.diff, meta.diff.header#B8C3C7
markup.deleted#F18C83
markup.inserted#67E9DA
markup.changed#55E7D6
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9DAbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E7D6
string.other.link.title, string.other.link.description#67E9DA
markup.underline.link#B8C3C7underline
punctuation.definition.list#79B8EC
markup.quote, punctuation.definition.quote#B8C3C7italic