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#164B2A
  • activityBar.border#ffffff15
  • activityBar.foreground#FFD21A
  • activityBar.inactiveForeground#fff8c960
  • activityBarBadge.background#FFD21A
  • activityBarBadge.foreground#164B2A
  • button.background#FFD21A
  • button.foreground#164B2A
  • button.hoverBackground#FFD21Add
  • editor.background#164B2A
  • editor.foreground#fff8c9
  • editor.inactiveSelectionBackground#FFF6CC3580
  • editor.lineHighlightBackground#1A1F1840
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#FFF6CC35
  • editorCursor.foreground#FFD21A
  • editorGroupHeader.tabsBackground#164B2Add
  • editorLineNumber.activeForeground#FFD21A
  • editorLineNumber.foreground#687A7180
  • focusBorder#FFD21A
  • foreground#fff8c9
  • input.background#1A1F18
  • input.border#ffffff15
  • input.foreground#fff8c9
  • input.placeholderForeground#fff8c960
  • list.activeSelectionBackground#FFD21A30
  • list.activeSelectionForeground#fff8c9
  • list.highlightForeground#FFD21A
  • list.hoverBackground#1A1F1840
  • list.hoverForeground#fff8c9
  • list.inactiveSelectionBackground#FFD21A15
  • list.inactiveSelectionForeground#fff8c9
  • selection.background#FFF6CC35
  • sideBar.background#1A1F18
  • sideBar.border#ffffff15
  • sideBar.foreground#fff8c9
  • sideBarSectionHeader.background#164B2A80
  • sideBarSectionHeader.foreground#fff8c9
  • sideBarTitle.foreground#FFD21A
  • statusBar.background#164B2A
  • statusBar.border#ffffff15
  • statusBar.foreground#fff8c9
  • statusBar.noFolderBackground#164B2A
  • tab.activeBackground#164B2A
  • tab.activeBorderTop#FFD21A
  • tab.activeForeground#fff8c9
  • tab.border#ffffff15
  • tab.inactiveBackground#1A1F1860
  • tab.inactiveForeground#fff8c980
  • terminal.ansiBlack#164B2A
  • terminal.ansiBlue#FFF6CC
  • terminal.ansiCyan#B6E100
  • terminal.ansiGreen#FFD21A
  • terminal.ansiMagenta#2E7D32
  • terminal.ansiRed#2E7D32
  • terminal.ansiWhite#fff8c9
  • terminal.ansiYellow#B6E100
  • terminal.background#164B2A
  • terminal.foreground#fff8c9
  • titleBar.activeBackground#164B2A
  • titleBar.activeForeground#fff8c9
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#164B2A
  • titleBar.inactiveForeground#fff8c960
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#687A71italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#FFF6CCbold
storage.type, storage.modifier#FFF6CCitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#FFD21A
string, punctuation.definition.string, string.template, meta.template.expression#B6E100
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#2E7D32
variable, variable.other.readwrite, variable.other.object#fff8c9
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fff8c9
variable.parameter, meta.parameter#fff8c9dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fff8c980
keyword.operator#fff8c9
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#B6E100bold
entity.other.inherited-class#FFD21A
entity.name.tag, punctuation.definition.tag#FFF6CC
entity.other.attribute-name#FFD21A
meta.diff, meta.diff.header#687A71
markup.deleted#2E7D32
markup.inserted#FFD21A
markup.changed#B6E100
markup.heading, markup.heading.setext, punctuation.definition.heading#FFD21Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#B6E100
string.other.link.title, string.other.link.description#FFD21A
markup.underline.link#687A71underline
punctuation.definition.list#FFF6CC
markup.quote, punctuation.definition.quote#687A71italic