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#040F16
  • activityBar.border#ffffff15
  • activityBar.foreground#67CDE9
  • activityBar.inactiveForeground#FFF8F060
  • activityBarBadge.background#67CDE9
  • activityBarBadge.foreground#040F16
  • button.background#67CDE9
  • button.foreground#040F16
  • button.hoverBackground#67CDE9dd
  • editor.background#040F16
  • editor.foreground#FFF8F0
  • editor.inactiveSelectionBackground#79E4EC3580
  • editor.lineHighlightBackground#07182240
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79E4EC35
  • editorCursor.foreground#67CDE9
  • editorGroupHeader.tabsBackground#040F16dd
  • editorLineNumber.activeForeground#67CDE9
  • editorLineNumber.foreground#E9E4F180
  • focusBorder#67CDE9
  • foreground#FFF8F0
  • input.background#071822
  • input.border#ffffff15
  • input.foreground#FFF8F0
  • input.placeholderForeground#FFF8F060
  • list.activeSelectionBackground#67CDE930
  • list.activeSelectionForeground#FFF8F0
  • list.highlightForeground#67CDE9
  • list.hoverBackground#07182240
  • list.hoverForeground#FFF8F0
  • list.inactiveSelectionBackground#67CDE915
  • list.inactiveSelectionForeground#FFF8F0
  • selection.background#79E4EC35
  • sideBar.background#071822
  • sideBar.border#ffffff15
  • sideBar.foreground#FFF8F0
  • sideBarSectionHeader.background#040F1680
  • sideBarSectionHeader.foreground#FFF8F0
  • sideBarTitle.foreground#67CDE9
  • statusBar.background#040F16
  • statusBar.border#ffffff15
  • statusBar.foreground#FFF8F0
  • statusBar.noFolderBackground#040F16
  • tab.activeBackground#040F16
  • tab.activeBorderTop#67CDE9
  • tab.activeForeground#FFF8F0
  • tab.border#ffffff15
  • tab.inactiveBackground#07182260
  • tab.inactiveForeground#FFF8F080
  • terminal.ansiBlack#040F16
  • terminal.ansiBlue#79E4EC
  • terminal.ansiCyan#55E7D1
  • terminal.ansiGreen#67CDE9
  • terminal.ansiMagenta#83F1F1
  • terminal.ansiRed#83F1F1
  • terminal.ansiWhite#FFF8F0
  • terminal.ansiYellow#55E7D1
  • terminal.background#040F16
  • terminal.foreground#FFF8F0
  • titleBar.activeBackground#040F16
  • titleBar.activeForeground#FFF8F0
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#040F16
  • titleBar.inactiveForeground#FFF8F060
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E9E4F1italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79E4ECbold
storage.type, storage.modifier#79E4ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67CDE9
string, punctuation.definition.string, string.template, meta.template.expression#55E7D1
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F1F1
variable, variable.other.readwrite, variable.other.object#FFF8F0
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFF8F0
variable.parameter, meta.parameter#FFF8F0dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFF8F080
keyword.operator#FFF8F0
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E7D1bold
entity.other.inherited-class#67CDE9
entity.name.tag, punctuation.definition.tag#79E4EC
entity.other.attribute-name#67CDE9
meta.diff, meta.diff.header#E9E4F1
markup.deleted#83F1F1
markup.inserted#67CDE9
markup.changed#55E7D1
markup.heading, markup.heading.setext, punctuation.definition.heading#67CDE9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E7D1
string.other.link.title, string.other.link.description#67CDE9
markup.underline.link#E9E4F1underline
punctuation.definition.list#79E4EC
markup.quote, punctuation.definition.quote#E9E4F1italic