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#FAFAF8
  • activityBar.border#00000015
  • activityBar.foreground#6F9F50
  • activityBar.inactiveForeground#211A1460
  • activityBarBadge.background#6F9F50
  • activityBarBadge.foreground#FAFAF8
  • button.background#6F9F50
  • button.foreground#FAFAF8
  • button.hoverBackground#6F9F50dd
  • editor.background#FAFAF8
  • editor.foreground#211A14
  • editor.inactiveSelectionBackground#5E6B3A2580
  • editor.lineHighlightBackground#F7F3EA50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#5E6B3A25
  • editorCursor.foreground#6F9F50
  • editorGroupHeader.tabsBackground#F7F3EAaa
  • editorLineNumber.activeForeground#6F9F50
  • editorLineNumber.foreground#D9D2C380
  • focusBorder#6F9F50
  • foreground#211A14
  • input.background#F7F3EA
  • input.border#00000015
  • input.foreground#211A14
  • input.placeholderForeground#211A1460
  • list.activeSelectionBackground#6F9F5030
  • list.activeSelectionForeground#211A14
  • list.highlightForeground#6F9F50
  • list.hoverBackground#F7F3EA40
  • list.hoverForeground#211A14
  • list.inactiveSelectionBackground#6F9F5015
  • list.inactiveSelectionForeground#211A14
  • selection.background#5E6B3A25
  • sideBar.background#F7F3EA
  • sideBar.border#00000015
  • sideBar.foreground#211A14
  • sideBarSectionHeader.background#F7F3EA80
  • sideBarSectionHeader.foreground#211A14
  • sideBarTitle.foreground#6F9F50
  • statusBar.background#FAFAF8
  • statusBar.border#00000015
  • statusBar.foreground#211A14
  • statusBar.noFolderBackground#FAFAF8
  • tab.activeBackground#FAFAF8
  • tab.activeBorderTop#6F9F50
  • tab.activeForeground#211A14
  • tab.border#00000015
  • tab.inactiveBackground#FAFAF860
  • tab.inactiveForeground#211A1480
  • terminal.ansiBlack#211A14
  • terminal.ansiBlue#5E6B3A
  • terminal.ansiCyan#F2EDE1
  • terminal.ansiGreen#6F9F50
  • terminal.ansiMagenta#E9E3D3
  • terminal.ansiRed#E9E3D3
  • terminal.ansiWhite#211A14
  • terminal.ansiYellow#F2EDE1
  • terminal.background#FAFAF8
  • terminal.foreground#211A14
  • titleBar.activeBackground#FAFAF8
  • titleBar.activeForeground#211A14
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAFAF8
  • titleBar.inactiveForeground#211A1460
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D9D2C3italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#5E6B3Abold
storage.type, storage.modifier#5E6B3Aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6F9F50
string, punctuation.definition.string, string.template, meta.template.expression#F2EDE1
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#E9E3D3
variable, variable.other.readwrite, variable.other.object#211A14
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#211A14
variable.parameter, meta.parameter#211A14dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#211A1480
keyword.operator#211A14
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#F2EDE1bold
entity.other.inherited-class#6F9F50
entity.name.tag, punctuation.definition.tag#5E6B3A
entity.other.attribute-name#6F9F50
meta.diff, meta.diff.header#D9D2C3
markup.deleted#E9E3D3
markup.inserted#6F9F50
markup.changed#F2EDE1
markup.heading, markup.heading.setext, punctuation.definition.heading#6F9F50bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#F2EDE1
string.other.link.title, string.other.link.description#6F9F50
markup.underline.link#D9D2C3underline
punctuation.definition.list#5E6B3A
markup.quote, punctuation.definition.quote#D9D2C3italic