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#5A452E
  • activityBar.border#ffffff15
  • activityBar.foreground#E5392D
  • activityBar.inactiveForeground#F5F1E660
  • activityBarBadge.background#E5392D
  • activityBarBadge.foreground#5A452E
  • button.background#E5392D
  • button.foreground#5A452E
  • button.hoverBackground#E5392Ddd
  • editor.background#5A452E
  • editor.foreground#F5F1E6
  • editor.inactiveSelectionBackground#6A7F3F3580
  • editor.lineHighlightBackground#1A1A1A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#6A7F3F35
  • editorCursor.foreground#E5392D
  • editorGroupHeader.tabsBackground#5A452Edd
  • editorLineNumber.activeForeground#E5392D
  • editorLineNumber.foreground#C8B28A80
  • focusBorder#E5392D
  • foreground#F5F1E6
  • input.background#1A1A1A
  • input.border#ffffff15
  • input.foreground#F5F1E6
  • input.placeholderForeground#F5F1E660
  • list.activeSelectionBackground#E5392D30
  • list.activeSelectionForeground#F5F1E6
  • list.highlightForeground#E5392D
  • list.hoverBackground#1A1A1A40
  • list.hoverForeground#F5F1E6
  • list.inactiveSelectionBackground#E5392D15
  • list.inactiveSelectionForeground#F5F1E6
  • selection.background#6A7F3F35
  • sideBar.background#1A1A1A
  • sideBar.border#ffffff15
  • sideBar.foreground#F5F1E6
  • sideBarSectionHeader.background#5A452E80
  • sideBarSectionHeader.foreground#F5F1E6
  • sideBarTitle.foreground#E5392D
  • statusBar.background#5A452E
  • statusBar.border#ffffff15
  • statusBar.foreground#F5F1E6
  • statusBar.noFolderBackground#5A452E
  • tab.activeBackground#5A452E
  • tab.activeBorderTop#E5392D
  • tab.activeForeground#F5F1E6
  • tab.border#ffffff15
  • tab.inactiveBackground#1A1A1A60
  • tab.inactiveForeground#F5F1E680
  • terminal.ansiBlack#5A452E
  • terminal.ansiBlue#6A7F3F
  • terminal.ansiCyan#FF6A4D
  • terminal.ansiGreen#E5392D
  • terminal.ansiMagenta#E7C89A
  • terminal.ansiRed#E7C89A
  • terminal.ansiWhite#F5F1E6
  • terminal.ansiYellow#FF6A4D
  • terminal.background#5A452E
  • terminal.foreground#F5F1E6
  • titleBar.activeBackground#5A452E
  • titleBar.activeForeground#F5F1E6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#5A452E
  • titleBar.inactiveForeground#F5F1E660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C8B28Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#6A7F3Fbold
storage.type, storage.modifier#6A7F3Fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E5392D
string, punctuation.definition.string, string.template, meta.template.expression#FF6A4D
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#E7C89A
variable, variable.other.readwrite, variable.other.object#F5F1E6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F5F1E6
variable.parameter, meta.parameter#F5F1E6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F5F1E680
keyword.operator#F5F1E6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#FF6A4Dbold
entity.other.inherited-class#E5392D
entity.name.tag, punctuation.definition.tag#6A7F3F
entity.other.attribute-name#E5392D
meta.diff, meta.diff.header#C8B28A
markup.deleted#E7C89A
markup.inserted#E5392D
markup.changed#FF6A4D
markup.heading, markup.heading.setext, punctuation.definition.heading#E5392Dbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#FF6A4D
string.other.link.title, string.other.link.description#E5392D
markup.underline.link#C8B28Aunderline
punctuation.definition.list#6A7F3F
markup.quote, punctuation.definition.quote#C8B28Aitalic