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.

  • activityBarBadge.background#007ACC
  • checkbox.border#6B6B6B
  • editor.background#1E1E1E
  • editor.foreground#D4D4D4
  • editor.inactiveSelectionBackground#3A3D41
  • editor.selectionHighlightBackground#ADD6FF26
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • input.placeholderForeground#A6A6A6
  • list.activeSelectionIconForeground#FFF
  • list.dropBackground#383B3D
  • menu.background#252526
  • menu.border#454545
  • menu.foreground#CCCCCC
  • menu.separatorBackground#454545
  • ports.iconRunningProcessForeground#369432
  • sideBarSectionHeader.background#0000
  • sideBarSectionHeader.border#ccc3
  • sideBarTitle.foreground#BBBBBB
  • statusBarItem.remoteBackground#16825D
  • statusBarItem.remoteForeground#FFF
  • tab.lastPinnedBorder#ccc3
  • terminal.ansiBlack#363b54
  • terminal.ansiBlue#7aa2f7
  • terminal.ansiBrightBlack#363b54
  • terminal.ansiBrightBlue#7aa2f7
  • terminal.ansiBrightCyan#7dcfff
  • terminal.ansiBrightGreen#41a6b5
  • terminal.ansiBrightMagenta#bb9af7
  • terminal.ansiBrightRed#f7768e
  • terminal.ansiBrightWhite#acb0d0
  • terminal.ansiBrightYellow#e0af68
  • terminal.ansiCyan#7dcfff
  • terminal.ansiGreen#41a6b5
  • terminal.ansiMagenta#bb9af7
  • terminal.ansiRed#f7768e
  • terminal.ansiWhite#787c99
  • terminal.ansiYellow#e0af68
  • terminal.inactiveSelectionBackground#3A3D41
  • widget.border#303031

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, source.python punctuation.definition.comment#BBBBBB4Ditalic
constant#F09483E6—
constant.character.escape#25B0BCE6—
entity.name#FAC29AE6—
entity.name.function, entity.name.function.python, meta.function-call.generic.python#60c5ff—
entity.name.tag#E95678E6
entity.name.type, storage.type.cs#FAC29AE6—
entity.other.attribute-name#F09483E6
entity.other.inherited-class#FAB795E6—
entity.other.attribute-name.id#25B0BCE6—
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#FAB795E6—
entity.name.variable, variable, meta.attribute.python, meta.member.access.python, source.python, source.python meta.function-call.arguments, source.python entity.other.inherited-class#E95678E6—
source.python meta.function-call, source.python punctuation.definition.parameters, source.python punctuation.definition.arguments, source.python meta.function.parameters, source.python punctuation.parenthesis, source.python definition.arguments, source.python punctuation.definition, source.python punctuation.section.class, source.python punctuation.section.function#A9B1D6—
keyword#B877DBE6
keyword.operator#BBBBBB—
keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.delete#B877DBE6—
keyword.other.unit#F09483E6—
markup.quote#FAB795B3italic
markup.heading, entity.name.section#E95678E6—
markup.bold#B877DBE6bold
markup.italic#25B0BCE6italic
markup.inline.raw, markup.fenced_code.block#F09483E6—
markup.underline.link#FAB795E6—
storage#B877DBE6
string.quoted, string.template, punctuation.definition.string#FAB795E6—
string.regexp#F09483E6—
string.other.link#F09483E6—
support#FAC29AE6—
support.function#60c5ff—
support.variable#E95678E6—
support.type.property-name, meta.object-literal.key#E95678E6—
support.type.property-name.css#BBBBBB—
variable.language#FAC29AE6italic
variable.parameter—italic
string.template meta.embedded#BBBBBB—
punctuation.definition.tag#E95678B3
punctuation.separator#BBBBBB—
punctuation.definition.template-expression#B877DBE6—
punctuation.section.embedded#B877DBE6—
punctuation.definition.list#F09483E6—