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#1A1E1A
  • activityBar.border#ffffff15
  • activityBar.foreground#67E97B
  • activityBar.inactiveForeground#FBFCFA60
  • activityBarBadge.background#67E97B
  • activityBarBadge.foreground#1A1E1A
  • button.background#67E97B
  • button.foreground#1A1E1A
  • button.hoverBackground#67E97Bdd
  • editor.background#1A1E1A
  • editor.foreground#FBFCFA
  • editor.inactiveSelectionBackground#79EC813580
  • editor.lineHighlightBackground#1A1E1A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79EC8135
  • editorCursor.foreground#67E97B
  • editorGroupHeader.tabsBackground#1A1E1Add
  • editorLineNumber.activeForeground#67E97B
  • editorLineNumber.foreground#E7ECE780
  • focusBorder#67E97B
  • foreground#FBFCFA
  • input.background#1A1E1A
  • input.border#ffffff15
  • input.foreground#FBFCFA
  • input.placeholderForeground#FBFCFA60
  • list.activeSelectionBackground#67E97B30
  • list.activeSelectionForeground#FBFCFA
  • list.highlightForeground#67E97B
  • list.hoverBackground#1A1E1A40
  • list.hoverForeground#FBFCFA
  • list.inactiveSelectionBackground#67E97B15
  • list.inactiveSelectionForeground#FBFCFA
  • selection.background#79EC8135
  • sideBar.background#1A1E1A
  • sideBar.border#ffffff15
  • sideBar.foreground#FBFCFA
  • sideBarSectionHeader.background#1A1E1A80
  • sideBarSectionHeader.foreground#FBFCFA
  • sideBarTitle.foreground#67E97B
  • statusBar.background#1A1E1A
  • statusBar.border#ffffff15
  • statusBar.foreground#FBFCFA
  • statusBar.noFolderBackground#1A1E1A
  • tab.activeBackground#1A1E1A
  • tab.activeBorderTop#67E97B
  • tab.activeForeground#FBFCFA
  • tab.border#ffffff15
  • tab.inactiveBackground#1A1E1A60
  • tab.inactiveForeground#FBFCFA80
  • terminal.ansiBlack#1A1E1A
  • terminal.ansiBlue#79EC81
  • terminal.ansiCyan#69E755
  • terminal.ansiGreen#67E97B
  • terminal.ansiMagenta#F1838E
  • terminal.ansiRed#F1838E
  • terminal.ansiWhite#FBFCFA
  • terminal.ansiYellow#69E755
  • terminal.background#1A1E1A
  • terminal.foreground#FBFCFA
  • titleBar.activeBackground#1A1E1A
  • titleBar.activeForeground#FBFCFA
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1A1E1A
  • titleBar.inactiveForeground#FBFCFA60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E7ECE7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79EC81bold
storage.type, storage.modifier#79EC81italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E97B
string, punctuation.definition.string, string.template, meta.template.expression#69E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1838E
variable, variable.other.readwrite, variable.other.object#FBFCFA
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FBFCFA
variable.parameter, meta.parameter#FBFCFAdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FBFCFA80
keyword.operator#FBFCFA
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#69E755bold
entity.other.inherited-class#67E97B
entity.name.tag, punctuation.definition.tag#79EC81
entity.other.attribute-name#67E97B
meta.diff, meta.diff.header#E7ECE7
markup.deleted#F1838E
markup.inserted#67E97B
markup.changed#69E755
markup.heading, markup.heading.setext, punctuation.definition.heading#67E97Bbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#69E755
string.other.link.title, string.other.link.description#67E97B
markup.underline.link#E7ECE7underline
punctuation.definition.list#79EC81
markup.quote, punctuation.definition.quote#E7ECE7italic