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#FBF6EC
  • activityBar.border#00000015
  • activityBar.foreground#F07A1A
  • activityBar.inactiveForeground#1A1A1A60
  • activityBarBadge.background#F07A1A
  • activityBarBadge.foreground#FBF6EC
  • button.background#F07A1A
  • button.foreground#FBF6EC
  • button.hoverBackground#F07A1Add
  • editor.background#FBF6EC
  • editor.foreground#1A1A1A
  • editor.inactiveSelectionBackground#FFB36A2580
  • editor.lineHighlightBackground#FFF4E150
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#FFB36A25
  • editorCursor.foreground#F07A1A
  • editorGroupHeader.tabsBackground#FFF4E1aa
  • editorLineNumber.activeForeground#F07A1A
  • editorLineNumber.foreground#F6D9A680
  • focusBorder#F07A1A
  • foreground#1A1A1A
  • input.background#FFF4E1
  • input.border#00000015
  • input.foreground#1A1A1A
  • input.placeholderForeground#1A1A1A60
  • list.activeSelectionBackground#F07A1A30
  • list.activeSelectionForeground#1A1A1A
  • list.highlightForeground#F07A1A
  • list.hoverBackground#FFF4E140
  • list.hoverForeground#1A1A1A
  • list.inactiveSelectionBackground#F07A1A15
  • list.inactiveSelectionForeground#1A1A1A
  • selection.background#FFB36A25
  • sideBar.background#FFF4E1
  • sideBar.border#00000015
  • sideBar.foreground#1A1A1A
  • sideBarSectionHeader.background#FFF4E180
  • sideBarSectionHeader.foreground#1A1A1A
  • sideBarTitle.foreground#F07A1A
  • statusBar.background#FBF6EC
  • statusBar.border#00000015
  • statusBar.foreground#1A1A1A
  • statusBar.noFolderBackground#FBF6EC
  • tab.activeBackground#FBF6EC
  • tab.activeBorderTop#F07A1A
  • tab.activeForeground#1A1A1A
  • tab.border#00000015
  • tab.inactiveBackground#FBF6EC60
  • tab.inactiveForeground#1A1A1A80
  • terminal.ansiBlack#1A1A1A
  • terminal.ansiBlue#FFB36A
  • terminal.ansiCyan#F5A6B5
  • terminal.ansiGreen#F07A1A
  • terminal.ansiMagenta#FBF6EC
  • terminal.ansiRed#FBF6EC
  • terminal.ansiWhite#1A1A1A
  • terminal.ansiYellow#F5A6B5
  • terminal.background#FBF6EC
  • terminal.foreground#1A1A1A
  • titleBar.activeBackground#FBF6EC
  • titleBar.activeForeground#1A1A1A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FBF6EC
  • titleBar.inactiveForeground#1A1A1A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#F6D9A6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#FFB36Abold
storage.type, storage.modifier#FFB36Aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#F07A1A
string, punctuation.definition.string, string.template, meta.template.expression#F5A6B5
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#FBF6EC
variable, variable.other.readwrite, variable.other.object#1A1A1A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1A1A1A
variable.parameter, meta.parameter#1A1A1Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1A1A1A80
keyword.operator#1A1A1A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#F5A6B5bold
entity.other.inherited-class#F07A1A
entity.name.tag, punctuation.definition.tag#FFB36A
entity.other.attribute-name#F07A1A
meta.diff, meta.diff.header#F6D9A6
markup.deleted#FBF6EC
markup.inserted#F07A1A
markup.changed#F5A6B5
markup.heading, markup.heading.setext, punctuation.definition.heading#F07A1Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#F5A6B5
string.other.link.title, string.other.link.description#F07A1A
markup.underline.link#F6D9A6underline
punctuation.definition.list#FFB36A
markup.quote, punctuation.definition.quote#F6D9A6italic