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#0E2F2F
  • activityBar.border#ffffff15
  • activityBar.foreground#1E7A3B
  • activityBar.inactiveForeground#F3E9D760
  • activityBarBadge.background#1E7A3B
  • activityBarBadge.foreground#0E2F2F
  • button.background#1E7A3B
  • button.foreground#0E2F2F
  • button.hoverBackground#1E7A3Bdd
  • editor.background#0E2F2F
  • editor.foreground#F3E9D7
  • editor.inactiveSelectionBackground#2FA44F3580
  • editor.lineHighlightBackground#1B1F1940
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2FA44F35
  • editorCursor.foreground#1E7A3B
  • editorGroupHeader.tabsBackground#0E2F2Fdd
  • editorLineNumber.activeForeground#1E7A3B
  • editorLineNumber.foreground#8D918880
  • focusBorder#1E7A3B
  • foreground#F3E9D7
  • input.background#1B1F19
  • input.border#ffffff15
  • input.foreground#F3E9D7
  • input.placeholderForeground#F3E9D760
  • list.activeSelectionBackground#1E7A3B30
  • list.activeSelectionForeground#F3E9D7
  • list.highlightForeground#1E7A3B
  • list.hoverBackground#1B1F1940
  • list.hoverForeground#F3E9D7
  • list.inactiveSelectionBackground#1E7A3B15
  • list.inactiveSelectionForeground#F3E9D7
  • selection.background#2FA44F35
  • sideBar.background#1B1F19
  • sideBar.border#ffffff15
  • sideBar.foreground#F3E9D7
  • sideBarSectionHeader.background#0E2F2F80
  • sideBarSectionHeader.foreground#F3E9D7
  • sideBarTitle.foreground#1E7A3B
  • statusBar.background#0E2F2F
  • statusBar.border#ffffff15
  • statusBar.foreground#F3E9D7
  • statusBar.noFolderBackground#0E2F2F
  • tab.activeBackground#0E2F2F
  • tab.activeBorderTop#1E7A3B
  • tab.activeForeground#F3E9D7
  • tab.border#ffffff15
  • tab.inactiveBackground#1B1F1960
  • tab.inactiveForeground#F3E9D780
  • terminal.ansiBlack#0E2F2F
  • terminal.ansiBlue#2FA44F
  • terminal.ansiCyan#29C7C7
  • terminal.ansiGreen#1E7A3B
  • terminal.ansiMagenta#D7F26A
  • terminal.ansiRed#D7F26A
  • terminal.ansiWhite#F3E9D7
  • terminal.ansiYellow#29C7C7
  • terminal.background#0E2F2F
  • terminal.foreground#F3E9D7
  • titleBar.activeBackground#0E2F2F
  • titleBar.activeForeground#F3E9D7
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0E2F2F
  • titleBar.inactiveForeground#F3E9D760
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8D9188italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2FA44Fbold
storage.type, storage.modifier#2FA44Fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#1E7A3B
string, punctuation.definition.string, string.template, meta.template.expression#29C7C7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#D7F26A
variable, variable.other.readwrite, variable.other.object#F3E9D7
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F3E9D7
variable.parameter, meta.parameter#F3E9D7dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F3E9D780
keyword.operator#F3E9D7
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#29C7C7bold
entity.other.inherited-class#1E7A3B
entity.name.tag, punctuation.definition.tag#2FA44F
entity.other.attribute-name#1E7A3B
meta.diff, meta.diff.header#8D9188
markup.deleted#D7F26A
markup.inserted#1E7A3B
markup.changed#29C7C7
markup.heading, markup.heading.setext, punctuation.definition.heading#1E7A3Bbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#29C7C7
string.other.link.title, string.other.link.description#1E7A3B
markup.underline.link#8D9188underline
punctuation.definition.list#2FA44F
markup.quote, punctuation.definition.quote#8D9188italic