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#E5F2FF
  • activityBar.border#ffffff15
  • activityBar.foreground#67A0E9
  • activityBar.inactiveForeground#eef7fb60
  • activityBarBadge.background#67A0E9
  • activityBarBadge.foreground#E5F2FF
  • button.background#67A0E9
  • button.foreground#E5F2FF
  • button.hoverBackground#67A0E9dd
  • editor.background#E5F2FF
  • editor.foreground#eef7fb
  • editor.inactiveSelectionBackground#79B8EC3580
  • editor.lineHighlightBackground#060C1340
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79B8EC35
  • editorCursor.foreground#67A0E9
  • editorGroupHeader.tabsBackground#E5F2FFdd
  • editorLineNumber.activeForeground#67A0E9
  • editorLineNumber.foreground#9aa8aa80
  • focusBorder#67A0E9
  • foreground#eef7fb
  • input.background#060C13
  • input.border#ffffff15
  • input.foreground#eef7fb
  • input.placeholderForeground#eef7fb60
  • list.activeSelectionBackground#67A0E930
  • list.activeSelectionForeground#eef7fb
  • list.highlightForeground#67A0E9
  • list.hoverBackground#060C1340
  • list.hoverForeground#eef7fb
  • list.inactiveSelectionBackground#67A0E915
  • list.inactiveSelectionForeground#eef7fb
  • selection.background#79B8EC35
  • sideBar.background#060C13
  • sideBar.border#ffffff15
  • sideBar.foreground#eef7fb
  • sideBarSectionHeader.background#E5F2FF80
  • sideBarSectionHeader.foreground#eef7fb
  • sideBarTitle.foreground#67A0E9
  • statusBar.background#E5F2FF
  • statusBar.border#ffffff15
  • statusBar.foreground#eef7fb
  • statusBar.noFolderBackground#E5F2FF
  • tab.activeBackground#E5F2FF
  • tab.activeBorderTop#67A0E9
  • tab.activeForeground#eef7fb
  • tab.border#ffffff15
  • tab.inactiveBackground#060C1360
  • tab.inactiveForeground#eef7fb80
  • terminal.ansiBlack#E5F2FF
  • terminal.ansiBlue#79B8EC
  • terminal.ansiCyan#E78355
  • terminal.ansiGreen#67A0E9
  • terminal.ansiMagenta#F1D683
  • terminal.ansiRed#F1D683
  • terminal.ansiWhite#eef7fb
  • terminal.ansiYellow#E78355
  • terminal.background#E5F2FF
  • terminal.foreground#eef7fb
  • titleBar.activeBackground#E5F2FF
  • titleBar.activeForeground#eef7fb
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#E5F2FF
  • titleBar.inactiveForeground#eef7fb60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9aa8aaitalic
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#67A0E9
string, punctuation.definition.string, string.template, meta.template.expression#E78355
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D683
variable, variable.other.readwrite, variable.other.object#eef7fb
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#eef7fb
variable.parameter, meta.parameter#eef7fbdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#eef7fb80
keyword.operator#eef7fb
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E78355bold
entity.other.inherited-class#67A0E9
entity.name.tag, punctuation.definition.tag#79B8EC
entity.other.attribute-name#67A0E9
meta.diff, meta.diff.header#9aa8aa
markup.deleted#F1D683
markup.inserted#67A0E9
markup.changed#E78355
markup.heading, markup.heading.setext, punctuation.definition.heading#67A0E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E78355
string.other.link.title, string.other.link.description#67A0E9
markup.underline.link#9aa8aaunderline
punctuation.definition.list#79B8EC
markup.quote, punctuation.definition.quote#9aa8aaitalic