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

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#0B1220
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0B1220
variable.parameter, meta.parameter#0B1220dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0B122080
keyword.operator#0B1220
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