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#555C4D
  • activityBar.border#ffffff15
  • activityBar.foreground#D167E9
  • activityBar.inactiveForeground#F7F7F360
  • activityBarBadge.background#D167E9
  • activityBarBadge.foreground#555C4D
  • button.background#D167E9
  • button.foreground#555C4D
  • button.hoverBackground#D167E9dd
  • editor.background#555C4D
  • editor.foreground#F7F7F3
  • editor.inactiveSelectionBackground#90EC793580
  • editor.lineHighlightBackground#1F0F2440
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#90EC7935
  • editorCursor.foreground#D167E9
  • editorGroupHeader.tabsBackground#555C4Ddd
  • editorLineNumber.activeForeground#D167E9
  • editorLineNumber.foreground#B66DD180
  • focusBorder#D167E9
  • foreground#F7F7F3
  • input.background#1F0F24
  • input.border#ffffff15
  • input.foreground#F7F7F3
  • input.placeholderForeground#F7F7F360
  • list.activeSelectionBackground#D167E930
  • list.activeSelectionForeground#F7F7F3
  • list.highlightForeground#D167E9
  • list.hoverBackground#1F0F2440
  • list.hoverForeground#F7F7F3
  • list.inactiveSelectionBackground#D167E915
  • list.inactiveSelectionForeground#F7F7F3
  • selection.background#90EC7935
  • sideBar.background#1F0F24
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F7F3
  • sideBarSectionHeader.background#555C4D80
  • sideBarSectionHeader.foreground#F7F7F3
  • sideBarTitle.foreground#D167E9
  • statusBar.background#555C4D
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F7F3
  • statusBar.noFolderBackground#555C4D
  • tab.activeBackground#555C4D
  • tab.activeBorderTop#D167E9
  • tab.activeForeground#F7F7F3
  • tab.border#ffffff15
  • tab.inactiveBackground#1F0F2460
  • tab.inactiveForeground#F7F7F380
  • terminal.ansiBlack#555C4D
  • terminal.ansiBlue#90EC79
  • terminal.ansiCyan#C055E7
  • terminal.ansiGreen#D167E9
  • terminal.ansiMagenta#A0F183
  • terminal.ansiRed#A0F183
  • terminal.ansiWhite#F7F7F3
  • terminal.ansiYellow#C055E7
  • terminal.background#555C4D
  • terminal.foreground#F7F7F3
  • titleBar.activeBackground#555C4D
  • titleBar.activeForeground#F7F7F3
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#555C4D
  • titleBar.inactiveForeground#F7F7F360
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B66DD1italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#90EC79bold
storage.type, storage.modifier#90EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#D167E9
string, punctuation.definition.string, string.template, meta.template.expression#C055E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#A0F183
variable, variable.other.readwrite, variable.other.object#F7F7F3
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F7F3
variable.parameter, meta.parameter#F7F7F3dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F7F380
keyword.operator#F7F7F3
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#C055E7bold
entity.other.inherited-class#D167E9
entity.name.tag, punctuation.definition.tag#90EC79
entity.other.attribute-name#D167E9
meta.diff, meta.diff.header#B66DD1
markup.deleted#A0F183
markup.inserted#D167E9
markup.changed#C055E7
markup.heading, markup.heading.setext, punctuation.definition.heading#D167E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#C055E7
string.other.link.title, string.other.link.description#D167E9
markup.underline.link#B66DD1underline
punctuation.definition.list#90EC79
markup.quote, punctuation.definition.quote#B66DD1italic