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#1C2531
  • activityBar.border#ffffff15
  • activityBar.foreground#67A4E9
  • activityBar.inactiveForeground#F3F8FB60
  • activityBarBadge.background#67A4E9
  • activityBarBadge.foreground#1C2531
  • button.background#67A4E9
  • button.foreground#1C2531
  • button.hoverBackground#67A4E9dd
  • editor.background#1C2531
  • editor.foreground#F3F8FB
  • editor.inactiveSelectionBackground#79B8EC3580
  • editor.lineHighlightBackground#1C253140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79B8EC35
  • editorCursor.foreground#67A4E9
  • editorGroupHeader.tabsBackground#1C2531dd
  • editorLineNumber.activeForeground#67A4E9
  • editorLineNumber.foreground#5F6C7E80
  • focusBorder#67A4E9
  • foreground#F3F8FB
  • input.background#1C2531
  • input.border#ffffff15
  • input.foreground#F3F8FB
  • input.placeholderForeground#F3F8FB60
  • list.activeSelectionBackground#67A4E930
  • list.activeSelectionForeground#F3F8FB
  • list.highlightForeground#67A4E9
  • list.hoverBackground#1C253140
  • list.hoverForeground#F3F8FB
  • list.inactiveSelectionBackground#67A4E915
  • list.inactiveSelectionForeground#F3F8FB
  • selection.background#79B8EC35
  • sideBar.background#1C2531
  • sideBar.border#ffffff15
  • sideBar.foreground#F3F8FB
  • sideBarSectionHeader.background#1C253180
  • sideBarSectionHeader.foreground#F3F8FB
  • sideBarTitle.foreground#67A4E9
  • statusBar.background#1C2531
  • statusBar.border#ffffff15
  • statusBar.foreground#F3F8FB
  • statusBar.noFolderBackground#1C2531
  • tab.activeBackground#1C2531
  • tab.activeBorderTop#67A4E9
  • tab.activeForeground#F3F8FB
  • tab.border#ffffff15
  • tab.inactiveBackground#1C253160
  • tab.inactiveForeground#F3F8FB80
  • terminal.ansiBlack#1C2531
  • terminal.ansiBlue#79B8EC
  • terminal.ansiCyan#55B9E7
  • terminal.ansiGreen#67A4E9
  • terminal.ansiMagenta#F18C83
  • terminal.ansiRed#F18C83
  • terminal.ansiWhite#F3F8FB
  • terminal.ansiYellow#55B9E7
  • terminal.background#1C2531
  • terminal.foreground#F3F8FB
  • titleBar.activeBackground#1C2531
  • titleBar.activeForeground#F3F8FB
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1C2531
  • titleBar.inactiveForeground#F3F8FB60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#5F6C7Eitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79B8ECbold
storage.type, storage.modifier#79B8ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67A4E9
string, punctuation.definition.string, string.template, meta.template.expression#55B9E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F18C83
variable, variable.other.readwrite, variable.other.object#F3F8FB
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F3F8FB
variable.parameter, meta.parameter#F3F8FBdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F3F8FB80
keyword.operator#F3F8FB
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55B9E7bold
entity.other.inherited-class#67A4E9
entity.name.tag, punctuation.definition.tag#79B8EC
entity.other.attribute-name#67A4E9
meta.diff, meta.diff.header#5F6C7E
markup.deleted#F18C83
markup.inserted#67A4E9
markup.changed#55B9E7
markup.heading, markup.heading.setext, punctuation.definition.heading#67A4E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55B9E7
string.other.link.title, string.other.link.description#67A4E9
markup.underline.link#5F6C7Eunderline
punctuation.definition.list#79B8EC
markup.quote, punctuation.definition.quote#5F6C7Eitalic