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#8B0E23
  • activityBar.border#ffffff15
  • activityBar.foreground#C41E3A
  • activityBar.inactiveForeground#FAFAF860
  • activityBarBadge.background#C41E3A
  • activityBarBadge.foreground#8B0E23
  • button.background#C41E3A
  • button.foreground#8B0E23
  • button.hoverBackground#C41E3Add
  • editor.background#8B0E23
  • editor.foreground#FAFAF8
  • editor.inactiveSelectionBackground#F2C14E3580
  • editor.lineHighlightBackground#0B122040
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#F2C14E35
  • editorCursor.foreground#C41E3A
  • editorGroupHeader.tabsBackground#8B0E23dd
  • editorLineNumber.activeForeground#C41E3A
  • editorLineNumber.foreground#E9E4D780
  • focusBorder#C41E3A
  • foreground#FAFAF8
  • input.background#0B1220
  • input.border#ffffff15
  • input.foreground#FAFAF8
  • input.placeholderForeground#FAFAF860
  • list.activeSelectionBackground#C41E3A30
  • list.activeSelectionForeground#FAFAF8
  • list.highlightForeground#C41E3A
  • list.hoverBackground#0B122040
  • list.hoverForeground#FAFAF8
  • list.inactiveSelectionBackground#C41E3A15
  • list.inactiveSelectionForeground#FAFAF8
  • selection.background#F2C14E35
  • sideBar.background#0B1220
  • sideBar.border#ffffff15
  • sideBar.foreground#FAFAF8
  • sideBarSectionHeader.background#8B0E2380
  • sideBarSectionHeader.foreground#FAFAF8
  • sideBarTitle.foreground#C41E3A
  • statusBar.background#8B0E23
  • statusBar.border#ffffff15
  • statusBar.foreground#FAFAF8
  • statusBar.noFolderBackground#8B0E23
  • tab.activeBackground#8B0E23
  • tab.activeBorderTop#C41E3A
  • tab.activeForeground#FAFAF8
  • tab.border#ffffff15
  • tab.inactiveBackground#0B122060
  • tab.inactiveForeground#FAFAF880
  • terminal.ansiBlack#8B0E23
  • terminal.ansiBlue#F2C14E
  • terminal.ansiCyan#0E6BA8
  • terminal.ansiGreen#C41E3A
  • terminal.ansiMagenta#1AA6A6
  • terminal.ansiRed#1AA6A6
  • terminal.ansiWhite#FAFAF8
  • terminal.ansiYellow#0E6BA8
  • terminal.background#8B0E23
  • terminal.foreground#FAFAF8
  • titleBar.activeBackground#8B0E23
  • titleBar.activeForeground#FAFAF8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#8B0E23
  • titleBar.inactiveForeground#FAFAF860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E9E4D7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#F2C14Ebold
storage.type, storage.modifier#F2C14Eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#C41E3A
string, punctuation.definition.string, string.template, meta.template.expression#0E6BA8
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#1AA6A6
variable, variable.other.readwrite, variable.other.object#FAFAF8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FAFAF8
variable.parameter, meta.parameter#FAFAF8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FAFAF880
keyword.operator#FAFAF8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#0E6BA8bold
entity.other.inherited-class#C41E3A
entity.name.tag, punctuation.definition.tag#F2C14E
entity.other.attribute-name#C41E3A
meta.diff, meta.diff.header#E9E4D7
markup.deleted#1AA6A6
markup.inserted#C41E3A
markup.changed#0E6BA8
markup.heading, markup.heading.setext, punctuation.definition.heading#C41E3Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#0E6BA8
string.other.link.title, string.other.link.description#C41E3A
markup.underline.link#E9E4D7underline
punctuation.definition.list#F2C14E
markup.quote, punctuation.definition.quote#E9E4D7italic