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#2D261D
  • activityBar.border#ffffff15
  • activityBar.foreground#5E9F25
  • activityBar.inactiveForeground#F7F4E860
  • activityBarBadge.background#5E9F25
  • activityBarBadge.foreground#2D261D
  • button.background#5E9F25
  • button.foreground#2D261D
  • button.hoverBackground#5E9F25dd
  • editor.background#2D261D
  • editor.foreground#F7F4E8
  • editor.inactiveSelectionBackground#9CCB3B3580
  • editor.lineHighlightBackground#24302140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#9CCB3B35
  • editorCursor.foreground#5E9F25
  • editorGroupHeader.tabsBackground#2D261Ddd
  • editorLineNumber.activeForeground#5E9F25
  • editorLineNumber.foreground#B7A68A80
  • focusBorder#5E9F25
  • foreground#F7F4E8
  • input.background#243021
  • input.border#ffffff15
  • input.foreground#F7F4E8
  • input.placeholderForeground#F7F4E860
  • list.activeSelectionBackground#5E9F2530
  • list.activeSelectionForeground#F7F4E8
  • list.highlightForeground#5E9F25
  • list.hoverBackground#24302140
  • list.hoverForeground#F7F4E8
  • list.inactiveSelectionBackground#5E9F2515
  • list.inactiveSelectionForeground#F7F4E8
  • selection.background#9CCB3B35
  • sideBar.background#243021
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F4E8
  • sideBarSectionHeader.background#2D261D80
  • sideBarSectionHeader.foreground#F7F4E8
  • sideBarTitle.foreground#5E9F25
  • statusBar.background#2D261D
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F4E8
  • statusBar.noFolderBackground#2D261D
  • tab.activeBackground#2D261D
  • tab.activeBorderTop#5E9F25
  • tab.activeForeground#F7F4E8
  • tab.border#ffffff15
  • tab.inactiveBackground#24302160
  • tab.inactiveForeground#F7F4E880
  • terminal.ansiBlack#2D261D
  • terminal.ansiBlue#9CCB3B
  • terminal.ansiCyan#E98296
  • terminal.ansiGreen#5E9F25
  • terminal.ansiMagenta#C94E69
  • terminal.ansiRed#C94E69
  • terminal.ansiWhite#F7F4E8
  • terminal.ansiYellow#E98296
  • terminal.background#2D261D
  • terminal.foreground#F7F4E8
  • titleBar.activeBackground#2D261D
  • titleBar.activeForeground#F7F4E8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#2D261D
  • titleBar.inactiveForeground#F7F4E860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B7A68Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#9CCB3Bbold
storage.type, storage.modifier#9CCB3Bitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#5E9F25
string, punctuation.definition.string, string.template, meta.template.expression#E98296
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C94E69
variable, variable.other.readwrite, variable.other.object#F7F4E8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F4E8
variable.parameter, meta.parameter#F7F4E8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F4E880
keyword.operator#F7F4E8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E98296bold
entity.other.inherited-class#5E9F25
entity.name.tag, punctuation.definition.tag#9CCB3B
entity.other.attribute-name#5E9F25
meta.diff, meta.diff.header#B7A68A
markup.deleted#C94E69
markup.inserted#5E9F25
markup.changed#E98296
markup.heading, markup.heading.setext, punctuation.definition.heading#5E9F25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E98296
string.other.link.title, string.other.link.description#5E9F25
markup.underline.link#B7A68Aunderline
punctuation.definition.list#9CCB3B
markup.quote, punctuation.definition.quote#B7A68Aitalic