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#000202
  • activityBar.foreground#035555
  • activityBar.inactiveForeground#375B9D
  • activityBarBadge.background#035555
  • activityBarBadge.foreground#E6DBD6
  • editor.background#000202
  • editor.findMatchBackground#375B9D50
  • editor.findMatchHighlightBackground#375B9D30
  • editor.foreground#E6DBD6
  • editor.lineHighlightBackground#375B9D20
  • editor.selectionBackground#375B9D40
  • editor.selectionHighlightBackground#375B9D30
  • editorBracketMatch.background#375B9D30
  • editorBracketMatch.border#035555
  • editorIndentGuide.activeBackground#35364280
  • editorIndentGuide.background#35364240
  • editorLineNumber.activeForeground#E6DBD6
  • editorLineNumber.foreground#353642
  • list.activeSelectionBackground#375B9D
  • list.activeSelectionForeground#E6DBD6
  • list.highlightForeground#035555
  • list.hoverBackground#375B9D20
  • list.inactiveSelectionBackground#375B9D40
  • sideBar.background#0A0D14
  • sideBar.foreground#E6DBD6
  • sideBarSectionHeader.background#375B9D40
  • sideBarSectionHeader.foreground#E6DBD6
  • sideBarTitle.foreground#E6DBD6
  • statusBar.background#000202
  • statusBar.debuggingBackground#375B9D
  • statusBar.foreground#035555
  • statusBar.noFolderBackground#000202
  • tab.activeBackground#000202
  • tab.activeBorderTop#035555
  • tab.activeForeground#035555
  • tab.hoverBackground#375B9D20
  • tab.inactiveBackground#0A0D14
  • tab.inactiveForeground#375B9D
  • titleBar.activeBackground#000202
  • titleBar.activeForeground#E6DBD6
  • titleBar.inactiveBackground#000202CC
  • titleBar.inactiveForeground#375B9D

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage.type, storage.modifier, keyword.control, keyword.operator.new#035555bold
entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, entity.name.interface, support.type, support.class#035555bold
entity.name.function, support.function, meta.function-call#375B9D—
variable, variable.other, variable.parameter, variable.language#E6DBD6—
constant, constant.numeric, constant.language, constant.character, constant.other#035555bold
string, string.template, string.quoted#375B9D—
comment, punctuation.definition.comment#353642italic
keyword.operator, punctuation.definition#035555—
meta.decorator, variable.annotation#375B9D—
support.function, support.macro#375B9D—
invalid, invalid.illegal#FF3333—
support.type.property-name, support.type.vendored.property-name#035555—
support.constant.property-value, support.constant.vendored.property-value#375B9D—
keyword.other.unit#035555—
markup.heading#035555bold
markup.underline.link, string.other.link#375B9D—
markup.bold#035555bold
markup.italic#E6DBD6italic
markup.quote#375B9Ditalic
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary, constant.numeric.decimal#0C7D7D—
constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.this, variable.language.this, variable.language.super#035555italic bold
punctuation, punctuation.definition.block, punctuation.definition.parameters, punctuation.section, meta.brace#4A6B8C—
keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.assignment#1A7F7F—
punctuation.accessor, meta.property-access#4A6B8C—
string.template, punctuation.definition.template-expression, punctuation.section.embedded#2B698F—
string.regexp, string.regexp keyword.operator#0C7D7D—
meta.object-literal.key, variable.object.property, support.type.property-name#4A6B8C—
variable.other.property, variable.other.object.property#4A6B8C—
variable.parameter#E6DBD6italic
keyword.control.import, keyword.control.export, keyword.control.from#035555bold
storage.modifier#035555bold
support.type.property-name.json#4A6B8C—
entity.name.tag.yaml#035555—
entity.name.tag, punctuation.definition.tag#035555—
entity.other.attribute-name#4A6B8Citalic
markup.changed, meta.diff.header.git, meta.diff.header.from-file, meta.diff.header.to-file#375B9Ditalic
markup.inserted#035555—
markup.deleted#FF3333—