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#000C0F
  • activityBar.border#ffffff15
  • activityBar.foreground#67DEE9
  • activityBar.inactiveForeground#fff7ea60
  • activityBarBadge.background#67DEE9
  • activityBarBadge.foreground#000C0F
  • button.background#67DEE9
  • button.foreground#000C0F
  • button.hoverBackground#67DEE9dd
  • editor.background#000C0F
  • editor.foreground#fff7ea
  • editor.inactiveSelectionBackground#79E6EC3580
  • editor.lineHighlightBackground#001A1F40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79E6EC35
  • editorCursor.foreground#67DEE9
  • editorGroupHeader.tabsBackground#000C0Fdd
  • editorLineNumber.activeForeground#67DEE9
  • editorLineNumber.foreground#b6f3f680
  • focusBorder#67DEE9
  • foreground#fff7ea
  • input.background#001A1F
  • input.border#ffffff15
  • input.foreground#fff7ea
  • input.placeholderForeground#fff7ea60
  • list.activeSelectionBackground#67DEE930
  • list.activeSelectionForeground#fff7ea
  • list.highlightForeground#67DEE9
  • list.hoverBackground#001A1F40
  • list.hoverForeground#fff7ea
  • list.inactiveSelectionBackground#67DEE915
  • list.inactiveSelectionForeground#fff7ea
  • selection.background#79E6EC35
  • sideBar.background#001A1F
  • sideBar.border#ffffff15
  • sideBar.foreground#fff7ea
  • sideBarSectionHeader.background#000C0F80
  • sideBarSectionHeader.foreground#fff7ea
  • sideBarTitle.foreground#67DEE9
  • statusBar.background#000C0F
  • statusBar.border#ffffff15
  • statusBar.foreground#fff7ea
  • statusBar.noFolderBackground#000C0F
  • tab.activeBackground#000C0F
  • tab.activeBorderTop#67DEE9
  • tab.activeForeground#fff7ea
  • tab.border#ffffff15
  • tab.inactiveBackground#001A1F60
  • tab.inactiveForeground#fff7ea80
  • terminal.ansiBlack#000C0F
  • terminal.ansiBlue#79E6EC
  • terminal.ansiCyan#E76955
  • terminal.ansiGreen#67DEE9
  • terminal.ansiMagenta#83F1B6
  • terminal.ansiRed#83F1B6
  • terminal.ansiWhite#fff7ea
  • terminal.ansiYellow#E76955
  • terminal.background#000C0F
  • terminal.foreground#fff7ea
  • titleBar.activeBackground#000C0F
  • titleBar.activeForeground#fff7ea
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#000C0F
  • titleBar.inactiveForeground#fff7ea60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#b6f3f6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79E6ECbold
storage.type, storage.modifier#79E6ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67DEE9
string, punctuation.definition.string, string.template, meta.template.expression#E76955
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F1B6
variable, variable.other.readwrite, variable.other.object#fff7ea
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fff7ea
variable.parameter, meta.parameter#fff7eadditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fff7ea80
keyword.operator#fff7ea
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E76955bold
entity.other.inherited-class#67DEE9
entity.name.tag, punctuation.definition.tag#79E6EC
entity.other.attribute-name#67DEE9
meta.diff, meta.diff.header#b6f3f6
markup.deleted#83F1B6
markup.inserted#67DEE9
markup.changed#E76955
markup.heading, markup.heading.setext, punctuation.definition.heading#67DEE9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E76955
string.other.link.title, string.other.link.description#67DEE9
markup.underline.link#b6f3f6underline
punctuation.definition.list#79E6EC
markup.quote, punctuation.definition.quote#b6f3f6italic