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#080A0C
  • activityBar.border#ffffff15
  • activityBar.foreground#67CDE9
  • activityBar.inactiveForeground#FAFBFC60
  • activityBarBadge.background#67CDE9
  • activityBarBadge.foreground#080A0C
  • button.background#67CDE9
  • button.foreground#080A0C
  • button.hoverBackground#67CDE9dd
  • editor.background#080A0C
  • editor.foreground#FAFBFC
  • editor.inactiveSelectionBackground#79A7EC3580
  • editor.lineHighlightBackground#080A0C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79A7EC35
  • editorCursor.foreground#67CDE9
  • editorGroupHeader.tabsBackground#080A0Cdd
  • editorLineNumber.activeForeground#67CDE9
  • editorLineNumber.foreground#AEB6BF80
  • focusBorder#67CDE9
  • foreground#FAFBFC
  • input.background#080A0C
  • input.border#ffffff15
  • input.foreground#FAFBFC
  • input.placeholderForeground#FAFBFC60
  • list.activeSelectionBackground#67CDE930
  • list.activeSelectionForeground#FAFBFC
  • list.highlightForeground#67CDE9
  • list.hoverBackground#080A0C40
  • list.hoverForeground#FAFBFC
  • list.inactiveSelectionBackground#67CDE915
  • list.inactiveSelectionForeground#FAFBFC
  • selection.background#79A7EC35
  • sideBar.background#080A0C
  • sideBar.border#ffffff15
  • sideBar.foreground#FAFBFC
  • sideBarSectionHeader.background#080A0C80
  • sideBarSectionHeader.foreground#FAFBFC
  • sideBarTitle.foreground#67CDE9
  • statusBar.background#080A0C
  • statusBar.border#ffffff15
  • statusBar.foreground#FAFBFC
  • statusBar.noFolderBackground#080A0C
  • tab.activeBackground#080A0C
  • tab.activeBorderTop#67CDE9
  • tab.activeForeground#FAFBFC
  • tab.border#ffffff15
  • tab.inactiveBackground#080A0C60
  • tab.inactiveForeground#FAFBFC80
  • terminal.ansiBlack#080A0C
  • terminal.ansiBlue#79A7EC
  • terminal.ansiCyan#5572E7
  • terminal.ansiGreen#67CDE9
  • terminal.ansiMagenta#F1CB83
  • terminal.ansiRed#F1CB83
  • terminal.ansiWhite#FAFBFC
  • terminal.ansiYellow#5572E7
  • terminal.background#080A0C
  • terminal.foreground#FAFBFC
  • titleBar.activeBackground#080A0C
  • titleBar.activeForeground#FAFBFC
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#080A0C
  • titleBar.inactiveForeground#FAFBFC60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#AEB6BFitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79A7ECbold
storage.type, storage.modifier#79A7ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67CDE9
string, punctuation.definition.string, string.template, meta.template.expression#5572E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1CB83
variable, variable.other.readwrite, variable.other.object#FAFBFC
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FAFBFC
variable.parameter, meta.parameter#FAFBFCdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FAFBFC80
keyword.operator#FAFBFC
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#5572E7bold
entity.other.inherited-class#67CDE9
entity.name.tag, punctuation.definition.tag#79A7EC
entity.other.attribute-name#67CDE9
meta.diff, meta.diff.header#AEB6BF
markup.deleted#F1CB83
markup.inserted#67CDE9
markup.changed#5572E7
markup.heading, markup.heading.setext, punctuation.definition.heading#67CDE9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#5572E7
string.other.link.title, string.other.link.description#67CDE9
markup.underline.link#AEB6BFunderline
punctuation.definition.list#79A7EC
markup.quote, punctuation.definition.quote#AEB6BFitalic