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#FFF8EF
  • activityBar.border#00000015
  • activityBar.foreground#D6181F
  • activityBar.inactiveForeground#1B171260
  • activityBarBadge.background#D6181F
  • activityBarBadge.foreground#FFF8EF
  • button.background#D6181F
  • button.foreground#FFF8EF
  • button.hoverBackground#D6181Fdd
  • editor.background#FFF8EF
  • editor.foreground#1B1712
  • editor.inactiveSelectionBackground#5F8D4E2580
  • editor.lineHighlightBackground#FFFDF850
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#5F8D4E25
  • editorCursor.foreground#D6181F
  • editorGroupHeader.tabsBackground#FFFDF8aa
  • editorLineNumber.activeForeground#D6181F
  • editorLineNumber.foreground#D8C4AC80
  • focusBorder#D6181F
  • foreground#1B1712
  • input.background#FFFDF8
  • input.border#00000015
  • input.foreground#1B1712
  • input.placeholderForeground#1B171260
  • list.activeSelectionBackground#D6181F30
  • list.activeSelectionForeground#1B1712
  • list.highlightForeground#D6181F
  • list.hoverBackground#FFFDF840
  • list.hoverForeground#1B1712
  • list.inactiveSelectionBackground#D6181F15
  • list.inactiveSelectionForeground#1B1712
  • selection.background#5F8D4E25
  • sideBar.background#FFFDF8
  • sideBar.border#00000015
  • sideBar.foreground#1B1712
  • sideBarSectionHeader.background#FFFDF880
  • sideBarSectionHeader.foreground#1B1712
  • sideBarTitle.foreground#D6181F
  • statusBar.background#FFF8EF
  • statusBar.border#00000015
  • statusBar.foreground#1B1712
  • statusBar.noFolderBackground#FFF8EF
  • tab.activeBackground#FFF8EF
  • tab.activeBorderTop#D6181F
  • tab.activeForeground#1B1712
  • tab.border#00000015
  • tab.inactiveBackground#FFF8EF60
  • tab.inactiveForeground#1B171280
  • terminal.ansiBlack#1B1712
  • terminal.ansiBlue#5F8D4E
  • terminal.ansiCyan#A9B94B
  • terminal.ansiGreen#D6181F
  • terminal.ansiMagenta#F05A55
  • terminal.ansiRed#F05A55
  • terminal.ansiWhite#1B1712
  • terminal.ansiYellow#A9B94B
  • terminal.background#FFF8EF
  • terminal.foreground#1B1712
  • titleBar.activeBackground#FFF8EF
  • titleBar.activeForeground#1B1712
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFF8EF
  • titleBar.inactiveForeground#1B171260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D8C4ACitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#5F8D4Ebold
storage.type, storage.modifier#5F8D4Eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#D6181F
string, punctuation.definition.string, string.template, meta.template.expression#A9B94B
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F05A55
variable, variable.other.readwrite, variable.other.object#1B1712
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1B1712
variable.parameter, meta.parameter#1B1712dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1B171280
keyword.operator#1B1712
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A9B94Bbold
entity.other.inherited-class#D6181F
entity.name.tag, punctuation.definition.tag#5F8D4E
entity.other.attribute-name#D6181F
meta.diff, meta.diff.header#D8C4AC
markup.deleted#F05A55
markup.inserted#D6181F
markup.changed#A9B94B
markup.heading, markup.heading.setext, punctuation.definition.heading#D6181Fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A9B94B
string.other.link.title, string.other.link.description#D6181F
markup.underline.link#D8C4ACunderline
punctuation.definition.list#5F8D4E
markup.quote, punctuation.definition.quote#D8C4ACitalic