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#F7FAF8
  • activityBar.border#00000015
  • activityBar.foreground#1F7A4C
  • activityBar.inactiveForeground#0E141260
  • activityBarBadge.background#1F7A4C
  • activityBarBadge.foreground#F7FAF8
  • button.background#1F7A4C
  • button.foreground#F7FAF8
  • button.hoverBackground#1F7A4Cdd
  • editor.background#F7FAF8
  • editor.foreground#0E1412
  • editor.inactiveSelectionBackground#4C8D3A2580
  • editor.lineHighlightBackground#E7ECEA50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#4C8D3A25
  • editorCursor.foreground#1F7A4C
  • editorGroupHeader.tabsBackground#E7ECEAaa
  • editorLineNumber.activeForeground#1F7A4C
  • editorLineNumber.foreground#A8B3AE80
  • focusBorder#1F7A4C
  • foreground#0E1412
  • input.background#E7ECEA
  • input.border#00000015
  • input.foreground#0E1412
  • input.placeholderForeground#0E141260
  • list.activeSelectionBackground#1F7A4C30
  • list.activeSelectionForeground#0E1412
  • list.highlightForeground#1F7A4C
  • list.hoverBackground#E7ECEA40
  • list.hoverForeground#0E1412
  • list.inactiveSelectionBackground#1F7A4C15
  • list.inactiveSelectionForeground#0E1412
  • selection.background#4C8D3A25
  • sideBar.background#E7ECEA
  • sideBar.border#00000015
  • sideBar.foreground#0E1412
  • sideBarSectionHeader.background#E7ECEA80
  • sideBarSectionHeader.foreground#0E1412
  • sideBarTitle.foreground#1F7A4C
  • statusBar.background#F7FAF8
  • statusBar.border#00000015
  • statusBar.foreground#0E1412
  • statusBar.noFolderBackground#F7FAF8
  • tab.activeBackground#F7FAF8
  • tab.activeBorderTop#1F7A4C
  • tab.activeForeground#0E1412
  • tab.border#00000015
  • tab.inactiveBackground#F7FAF860
  • tab.inactiveForeground#0E141280
  • terminal.ansiBlack#0E1412
  • terminal.ansiBlue#4C8D3A
  • terminal.ansiCyan#2B3A2E
  • terminal.ansiGreen#1F7A4C
  • terminal.ansiMagenta#C47A3A
  • terminal.ansiRed#C47A3A
  • terminal.ansiWhite#0E1412
  • terminal.ansiYellow#2B3A2E
  • terminal.background#F7FAF8
  • terminal.foreground#0E1412
  • titleBar.activeBackground#F7FAF8
  • titleBar.activeForeground#0E1412
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7FAF8
  • titleBar.inactiveForeground#0E141260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A8B3AEitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#4C8D3Abold
storage.type, storage.modifier#4C8D3Aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#1F7A4C
string, punctuation.definition.string, string.template, meta.template.expression#2B3A2E
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C47A3A
variable, variable.other.readwrite, variable.other.object#0E1412
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0E1412
variable.parameter, meta.parameter#0E1412dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0E141280
keyword.operator#0E1412
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2B3A2Ebold
entity.other.inherited-class#1F7A4C
entity.name.tag, punctuation.definition.tag#4C8D3A
entity.other.attribute-name#1F7A4C
meta.diff, meta.diff.header#A8B3AE
markup.deleted#C47A3A
markup.inserted#1F7A4C
markup.changed#2B3A2E
markup.heading, markup.heading.setext, punctuation.definition.heading#1F7A4Cbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2B3A2E
string.other.link.title, string.other.link.description#1F7A4C
markup.underline.link#A8B3AEunderline
punctuation.definition.list#4C8D3A
markup.quote, punctuation.definition.quote#A8B3AEitalic