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#fff2d8
  • activityBar.border#00000015
  • activityBar.foreground#c91f2f
  • activityBar.inactiveForeground#24120f60
  • activityBarBadge.background#c91f2f
  • activityBarBadge.foreground#fff2d8
  • button.background#c91f2f
  • button.foreground#fff2d8
  • button.hoverBackground#c91f2fdd
  • editor.background#fff2d8
  • editor.foreground#24120f
  • editor.inactiveSelectionBackground#ef5b452580
  • editor.lineHighlightBackground#fff9ec50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ef5b4525
  • editorCursor.foreground#c91f2f
  • editorGroupHeader.tabsBackground#fff9ecaa
  • editorLineNumber.activeForeground#c91f2f
  • editorLineNumber.foreground#d8c49a80
  • focusBorder#c91f2f
  • foreground#24120f
  • input.background#fff9ec
  • input.border#00000015
  • input.foreground#24120f
  • input.placeholderForeground#24120f60
  • list.activeSelectionBackground#c91f2f30
  • list.activeSelectionForeground#24120f
  • list.highlightForeground#c91f2f
  • list.hoverBackground#fff9ec40
  • list.hoverForeground#24120f
  • list.inactiveSelectionBackground#c91f2f15
  • list.inactiveSelectionForeground#24120f
  • selection.background#ef5b4525
  • sideBar.background#fff9ec
  • sideBar.border#00000015
  • sideBar.foreground#24120f
  • sideBarSectionHeader.background#fff9ec80
  • sideBarSectionHeader.foreground#24120f
  • sideBarTitle.foreground#c91f2f
  • statusBar.background#fff2d8
  • statusBar.border#00000015
  • statusBar.foreground#24120f
  • statusBar.noFolderBackground#fff2d8
  • tab.activeBackground#fff2d8
  • tab.activeBorderTop#c91f2f
  • tab.activeForeground#24120f
  • tab.border#00000015
  • tab.inactiveBackground#fff2d860
  • tab.inactiveForeground#24120f80
  • terminal.ansiBlack#24120f
  • terminal.ansiBlue#ef5b45
  • terminal.ansiCyan#8fbc32
  • terminal.ansiGreen#c91f2f
  • terminal.ansiMagenta#3f7d34
  • terminal.ansiRed#3f7d34
  • terminal.ansiWhite#24120f
  • terminal.ansiYellow#8fbc32
  • terminal.background#fff2d8
  • terminal.foreground#24120f
  • titleBar.activeBackground#fff2d8
  • titleBar.activeForeground#24120f
  • titleBar.border#00000015
  • titleBar.inactiveBackground#fff2d8
  • titleBar.inactiveForeground#24120f60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d8c49aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ef5b45bold
storage.type, storage.modifier#ef5b45italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#c91f2f
string, punctuation.definition.string, string.template, meta.template.expression#8fbc32
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#3f7d34
variable, variable.other.readwrite, variable.other.object#24120f
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#24120f
variable.parameter, meta.parameter#24120fdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#24120f80
keyword.operator#24120f
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8fbc32bold
entity.other.inherited-class#c91f2f
entity.name.tag, punctuation.definition.tag#ef5b45
entity.other.attribute-name#c91f2f
meta.diff, meta.diff.header#d8c49a
markup.deleted#3f7d34
markup.inserted#c91f2f
markup.changed#8fbc32
markup.heading, markup.heading.setext, punctuation.definition.heading#c91f2fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8fbc32
string.other.link.title, string.other.link.description#c91f2f
markup.underline.link#d8c49aunderline
punctuation.definition.list#ef5b45
markup.quote, punctuation.definition.quote#d8c49aitalic