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

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