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#080C0A
  • activityBar.border#ffffff15
  • activityBar.foreground#67E9BC
  • activityBar.inactiveForeground#fbf7ec60
  • activityBarBadge.background#67E9BC
  • activityBarBadge.foreground#080C0A
  • button.background#67E9BC
  • button.foreground#080C0A
  • button.hoverBackground#67E9BCdd
  • editor.background#080C0A
  • editor.foreground#fbf7ec
  • editor.inactiveSelectionBackground#79ECC23580
  • editor.lineHighlightBackground#080C0A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79ECC235
  • editorCursor.foreground#67E9BC
  • editorGroupHeader.tabsBackground#080C0Add
  • editorLineNumber.activeForeground#67E9BC
  • editorLineNumber.foreground#28302c80
  • focusBorder#67E9BC
  • foreground#fbf7ec
  • input.background#080C0A
  • input.border#ffffff15
  • input.foreground#fbf7ec
  • input.placeholderForeground#fbf7ec60
  • list.activeSelectionBackground#67E9BC30
  • list.activeSelectionForeground#fbf7ec
  • list.highlightForeground#67E9BC
  • list.hoverBackground#080C0A40
  • list.hoverForeground#fbf7ec
  • list.inactiveSelectionBackground#67E9BC15
  • list.inactiveSelectionForeground#fbf7ec
  • selection.background#79ECC235
  • sideBar.background#080C0A
  • sideBar.border#ffffff15
  • sideBar.foreground#fbf7ec
  • sideBarSectionHeader.background#080C0A80
  • sideBarSectionHeader.foreground#fbf7ec
  • sideBarTitle.foreground#67E9BC
  • statusBar.background#080C0A
  • statusBar.border#ffffff15
  • statusBar.foreground#fbf7ec
  • statusBar.noFolderBackground#080C0A
  • tab.activeBackground#080C0A
  • tab.activeBorderTop#67E9BC
  • tab.activeForeground#fbf7ec
  • tab.border#ffffff15
  • tab.inactiveBackground#080C0A60
  • tab.inactiveForeground#fbf7ec80
  • terminal.ansiBlack#080C0A
  • terminal.ansiBlue#79ECC2
  • terminal.ansiCyan#55E7B6
  • terminal.ansiGreen#67E9BC
  • terminal.ansiMagenta#F1D083
  • terminal.ansiRed#F1D083
  • terminal.ansiWhite#fbf7ec
  • terminal.ansiYellow#55E7B6
  • terminal.background#080C0A
  • terminal.foreground#fbf7ec
  • titleBar.activeBackground#080C0A
  • titleBar.activeForeground#fbf7ec
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#080C0A
  • titleBar.inactiveForeground#fbf7ec60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#28302citalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79ECC2bold
storage.type, storage.modifier#79ECC2italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9BC
string, punctuation.definition.string, string.template, meta.template.expression#55E7B6
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D083
variable, variable.other.readwrite, variable.other.object#fbf7ec
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fbf7ec
variable.parameter, meta.parameter#fbf7ecdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fbf7ec80
keyword.operator#fbf7ec
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E7B6bold
entity.other.inherited-class#67E9BC
entity.name.tag, punctuation.definition.tag#79ECC2
entity.other.attribute-name#67E9BC
meta.diff, meta.diff.header#28302c
markup.deleted#F1D083
markup.inserted#67E9BC
markup.changed#55E7B6
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9BCbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E7B6
string.other.link.title, string.other.link.description#67E9BC
markup.underline.link#28302cunderline
punctuation.definition.list#79ECC2
markup.quote, punctuation.definition.quote#28302citalic