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#08302E
  • activityBar.border#ffffff15
  • activityBar.foreground#67E9E1
  • activityBar.inactiveForeground#F7FBFB60
  • activityBarBadge.background#67E9E1
  • activityBarBadge.foreground#08302E
  • button.background#67E9E1
  • button.foreground#08302E
  • button.hoverBackground#67E9E1dd
  • editor.background#08302E
  • editor.foreground#F7FBFB
  • editor.inactiveSelectionBackground#79ECE63580
  • editor.lineHighlightBackground#041B1B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79ECE635
  • editorCursor.foreground#67E9E1
  • editorGroupHeader.tabsBackground#08302Edd
  • editorLineNumber.activeForeground#67E9E1
  • editorLineNumber.foreground#B7CFCF80
  • focusBorder#67E9E1
  • foreground#F7FBFB
  • input.background#041B1B
  • input.border#ffffff15
  • input.foreground#F7FBFB
  • input.placeholderForeground#F7FBFB60
  • list.activeSelectionBackground#67E9E130
  • list.activeSelectionForeground#F7FBFB
  • list.highlightForeground#67E9E1
  • list.hoverBackground#041B1B40
  • list.hoverForeground#F7FBFB
  • list.inactiveSelectionBackground#67E9E115
  • list.inactiveSelectionForeground#F7FBFB
  • selection.background#79ECE635
  • sideBar.background#041B1B
  • sideBar.border#ffffff15
  • sideBar.foreground#F7FBFB
  • sideBarSectionHeader.background#08302E80
  • sideBarSectionHeader.foreground#F7FBFB
  • sideBarTitle.foreground#67E9E1
  • statusBar.background#08302E
  • statusBar.border#ffffff15
  • statusBar.foreground#F7FBFB
  • statusBar.noFolderBackground#08302E
  • tab.activeBackground#08302E
  • tab.activeBorderTop#67E9E1
  • tab.activeForeground#F7FBFB
  • tab.border#ffffff15
  • tab.inactiveBackground#041B1B60
  • tab.inactiveForeground#F7FBFB80
  • terminal.ansiBlack#08302E
  • terminal.ansiBlue#79ECE6
  • terminal.ansiCyan#55D8E7
  • terminal.ansiGreen#67E9E1
  • terminal.ansiMagenta#83F1E3
  • terminal.ansiRed#83F1E3
  • terminal.ansiWhite#F7FBFB
  • terminal.ansiYellow#55D8E7
  • terminal.background#08302E
  • terminal.foreground#F7FBFB
  • titleBar.activeBackground#08302E
  • titleBar.activeForeground#F7FBFB
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#08302E
  • titleBar.inactiveForeground#F7FBFB60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B7CFCFitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79ECE6bold
storage.type, storage.modifier#79ECE6italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9E1
string, punctuation.definition.string, string.template, meta.template.expression#55D8E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F1E3
variable, variable.other.readwrite, variable.other.object#F7FBFB
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7FBFB
variable.parameter, meta.parameter#F7FBFBdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7FBFB80
keyword.operator#F7FBFB
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55D8E7bold
entity.other.inherited-class#67E9E1
entity.name.tag, punctuation.definition.tag#79ECE6
entity.other.attribute-name#67E9E1
meta.diff, meta.diff.header#B7CFCF
markup.deleted#83F1E3
markup.inserted#67E9E1
markup.changed#55D8E7
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9E1bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55D8E7
string.other.link.title, string.other.link.description#67E9E1
markup.underline.link#B7CFCFunderline
punctuation.definition.list#79ECE6
markup.quote, punctuation.definition.quote#B7CFCFitalic