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#040A15
  • activityBar.border#ffffff15
  • activityBar.foreground#679BE9
  • activityBar.inactiveForeground#f7f9fc60
  • activityBarBadge.background#679BE9
  • activityBarBadge.foreground#040A15
  • button.background#679BE9
  • button.foreground#040A15
  • button.hoverBackground#679BE9dd
  • editor.background#040A15
  • editor.foreground#f7f9fc
  • editor.inactiveSelectionBackground#79A9EC3580
  • editor.lineHighlightBackground#08090D40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79A9EC35
  • editorCursor.foreground#679BE9
  • editorGroupHeader.tabsBackground#040A15dd
  • editorLineNumber.activeForeground#679BE9
  • editorLineNumber.foreground#c6ced880
  • focusBorder#679BE9
  • foreground#f7f9fc
  • input.background#08090D
  • input.border#ffffff15
  • input.foreground#f7f9fc
  • input.placeholderForeground#f7f9fc60
  • list.activeSelectionBackground#679BE930
  • list.activeSelectionForeground#f7f9fc
  • list.highlightForeground#679BE9
  • list.hoverBackground#08090D40
  • list.hoverForeground#f7f9fc
  • list.inactiveSelectionBackground#679BE915
  • list.inactiveSelectionForeground#f7f9fc
  • selection.background#79A9EC35
  • sideBar.background#08090D
  • sideBar.border#ffffff15
  • sideBar.foreground#f7f9fc
  • sideBarSectionHeader.background#040A1580
  • sideBarSectionHeader.foreground#f7f9fc
  • sideBarTitle.foreground#679BE9
  • statusBar.background#040A15
  • statusBar.border#ffffff15
  • statusBar.foreground#f7f9fc
  • statusBar.noFolderBackground#040A15
  • tab.activeBackground#040A15
  • tab.activeBorderTop#679BE9
  • tab.activeForeground#f7f9fc
  • tab.border#ffffff15
  • tab.inactiveBackground#08090D60
  • tab.inactiveForeground#f7f9fc80
  • terminal.ansiBlack#040A15
  • terminal.ansiBlue#79A9EC
  • terminal.ansiCyan#55A3E7
  • terminal.ansiGreen#679BE9
  • terminal.ansiMagenta#83ABF1
  • terminal.ansiRed#83ABF1
  • terminal.ansiWhite#f7f9fc
  • terminal.ansiYellow#55A3E7
  • terminal.background#040A15
  • terminal.foreground#f7f9fc
  • titleBar.activeBackground#040A15
  • titleBar.activeForeground#f7f9fc
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#040A15
  • titleBar.inactiveForeground#f7f9fc60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#c6ced8italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79A9ECbold
storage.type, storage.modifier#79A9ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#679BE9
string, punctuation.definition.string, string.template, meta.template.expression#55A3E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83ABF1
variable, variable.other.readwrite, variable.other.object#f7f9fc
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f7f9fc
variable.parameter, meta.parameter#f7f9fcdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f7f9fc80
keyword.operator#f7f9fc
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55A3E7bold
entity.other.inherited-class#679BE9
entity.name.tag, punctuation.definition.tag#79A9EC
entity.other.attribute-name#679BE9
meta.diff, meta.diff.header#c6ced8
markup.deleted#83ABF1
markup.inserted#679BE9
markup.changed#55A3E7
markup.heading, markup.heading.setext, punctuation.definition.heading#679BE9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55A3E7
string.other.link.title, string.other.link.description#679BE9
markup.underline.link#c6ced8underline
punctuation.definition.list#79A9EC
markup.quote, punctuation.definition.quote#c6ced8italic