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#2B2D31
  • activityBar.border#ffffff15
  • activityBar.foreground#C27A1A
  • activityBar.inactiveForeground#F7F5F060
  • activityBarBadge.background#C27A1A
  • activityBarBadge.foreground#2B2D31
  • button.background#C27A1A
  • button.foreground#2B2D31
  • button.hoverBackground#C27A1Add
  • editor.background#2B2D31
  • editor.foreground#F7F5F0
  • editor.inactiveSelectionBackground#EBD8B63580
  • editor.lineHighlightBackground#0E0F1040
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#EBD8B635
  • editorCursor.foreground#C27A1A
  • editorGroupHeader.tabsBackground#2B2D31dd
  • editorLineNumber.activeForeground#C27A1A
  • editorLineNumber.foreground#6E845780
  • focusBorder#C27A1A
  • foreground#F7F5F0
  • input.background#0E0F10
  • input.border#ffffff15
  • input.foreground#F7F5F0
  • input.placeholderForeground#F7F5F060
  • list.activeSelectionBackground#C27A1A30
  • list.activeSelectionForeground#F7F5F0
  • list.highlightForeground#C27A1A
  • list.hoverBackground#0E0F1040
  • list.hoverForeground#F7F5F0
  • list.inactiveSelectionBackground#C27A1A15
  • list.inactiveSelectionForeground#F7F5F0
  • selection.background#EBD8B635
  • sideBar.background#0E0F10
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F5F0
  • sideBarSectionHeader.background#2B2D3180
  • sideBarSectionHeader.foreground#F7F5F0
  • sideBarTitle.foreground#C27A1A
  • statusBar.background#2B2D31
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F5F0
  • statusBar.noFolderBackground#2B2D31
  • tab.activeBackground#2B2D31
  • tab.activeBorderTop#C27A1A
  • tab.activeForeground#F7F5F0
  • tab.border#ffffff15
  • tab.inactiveBackground#0E0F1060
  • tab.inactiveForeground#F7F5F080
  • terminal.ansiBlack#2B2D31
  • terminal.ansiBlue#EBD8B6
  • terminal.ansiCyan#4C7A3A
  • terminal.ansiGreen#C27A1A
  • terminal.ansiMagenta#A6560A
  • terminal.ansiRed#A6560A
  • terminal.ansiWhite#F7F5F0
  • terminal.ansiYellow#4C7A3A
  • terminal.background#2B2D31
  • terminal.foreground#F7F5F0
  • titleBar.activeBackground#2B2D31
  • titleBar.activeForeground#F7F5F0
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#2B2D31
  • titleBar.inactiveForeground#F7F5F060
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6E8457italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#EBD8B6bold
storage.type, storage.modifier#EBD8B6italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#C27A1A
string, punctuation.definition.string, string.template, meta.template.expression#4C7A3A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#A6560A
variable, variable.other.readwrite, variable.other.object#F7F5F0
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F5F0
variable.parameter, meta.parameter#F7F5F0dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F5F080
keyword.operator#F7F5F0
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#4C7A3Abold
entity.other.inherited-class#C27A1A
entity.name.tag, punctuation.definition.tag#EBD8B6
entity.other.attribute-name#C27A1A
meta.diff, meta.diff.header#6E8457
markup.deleted#A6560A
markup.inserted#C27A1A
markup.changed#4C7A3A
markup.heading, markup.heading.setext, punctuation.definition.heading#C27A1Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#4C7A3A
string.other.link.title, string.other.link.description#C27A1A
markup.underline.link#6E8457underline
punctuation.definition.list#EBD8B6
markup.quote, punctuation.definition.quote#6E8457italic