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#363A39
  • activityBar.border#ffffff15
  • activityBar.foreground#67E9C9
  • activityBar.inactiveForeground#f7f4ec60
  • activityBarBadge.background#67E9C9
  • activityBarBadge.foreground#363A39
  • button.background#67E9C9
  • button.foreground#363A39
  • button.hoverBackground#67E9C9dd
  • editor.background#363A39
  • editor.foreground#f7f4ec
  • editor.inactiveSelectionBackground#C2EC793580
  • editor.lineHighlightBackground#0E0D0C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#C2EC7935
  • editorCursor.foreground#67E9C9
  • editorGroupHeader.tabsBackground#363A39dd
  • editorLineNumber.activeForeground#67E9C9
  • editorLineNumber.foreground#25282780
  • focusBorder#67E9C9
  • foreground#f7f4ec
  • input.background#0E0D0C
  • input.border#ffffff15
  • input.foreground#f7f4ec
  • input.placeholderForeground#f7f4ec60
  • list.activeSelectionBackground#67E9C930
  • list.activeSelectionForeground#f7f4ec
  • list.highlightForeground#67E9C9
  • list.hoverBackground#0E0D0C40
  • list.hoverForeground#f7f4ec
  • list.inactiveSelectionBackground#67E9C915
  • list.inactiveSelectionForeground#f7f4ec
  • selection.background#C2EC7935
  • sideBar.background#0E0D0C
  • sideBar.border#ffffff15
  • sideBar.foreground#f7f4ec
  • sideBarSectionHeader.background#363A3980
  • sideBarSectionHeader.foreground#f7f4ec
  • sideBarTitle.foreground#67E9C9
  • statusBar.background#363A39
  • statusBar.border#ffffff15
  • statusBar.foreground#f7f4ec
  • statusBar.noFolderBackground#363A39
  • tab.activeBackground#363A39
  • tab.activeBorderTop#67E9C9
  • tab.activeForeground#f7f4ec
  • tab.border#ffffff15
  • tab.inactiveBackground#0E0D0C60
  • tab.inactiveForeground#f7f4ec80
  • terminal.ansiBlack#363A39
  • terminal.ansiBlue#C2EC79
  • terminal.ansiCyan#55CFE7
  • terminal.ansiGreen#67E9C9
  • terminal.ansiMagenta#F1CB83
  • terminal.ansiRed#F1CB83
  • terminal.ansiWhite#f7f4ec
  • terminal.ansiYellow#55CFE7
  • terminal.background#363A39
  • terminal.foreground#f7f4ec
  • titleBar.activeBackground#363A39
  • titleBar.activeForeground#f7f4ec
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#363A39
  • titleBar.inactiveForeground#f7f4ec60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#252827italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#C2EC79bold
storage.type, storage.modifier#C2EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9C9
string, punctuation.definition.string, string.template, meta.template.expression#55CFE7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1CB83
variable, variable.other.readwrite, variable.other.object#f7f4ec
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f7f4ec
variable.parameter, meta.parameter#f7f4ecdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f7f4ec80
keyword.operator#f7f4ec
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55CFE7bold
entity.other.inherited-class#67E9C9
entity.name.tag, punctuation.definition.tag#C2EC79
entity.other.attribute-name#67E9C9
meta.diff, meta.diff.header#252827
markup.deleted#F1CB83
markup.inserted#67E9C9
markup.changed#55CFE7
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9C9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55CFE7
string.other.link.title, string.other.link.description#67E9C9
markup.underline.link#252827underline
punctuation.definition.list#C2EC79
markup.quote, punctuation.definition.quote#252827italic