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#FFF6E6
  • activityBar.border#00000015
  • activityBar.foreground#FF8A00
  • activityBar.inactiveForeground#3A281A60
  • activityBarBadge.background#FF8A00
  • activityBarBadge.foreground#FFF6E6
  • button.background#FF8A00
  • button.foreground#FFF6E6
  • button.hoverBackground#FF8A00dd
  • editor.background#FFF6E6
  • editor.foreground#3A281A
  • editor.inactiveSelectionBackground#FFC83D2580
  • editor.lineHighlightBackground#FFFFFF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#FFC83D25
  • editorCursor.foreground#FF8A00
  • editorGroupHeader.tabsBackground#FFFFFFaa
  • editorLineNumber.activeForeground#FF8A00
  • editorLineNumber.foreground#78a84d80
  • focusBorder#FF8A00
  • foreground#3A281A
  • input.background#FFFFFF
  • input.border#00000015
  • input.foreground#3A281A
  • input.placeholderForeground#3A281A60
  • list.activeSelectionBackground#FF8A0030
  • list.activeSelectionForeground#3A281A
  • list.highlightForeground#FF8A00
  • list.hoverBackground#FFFFFF40
  • list.hoverForeground#3A281A
  • list.inactiveSelectionBackground#FF8A0015
  • list.inactiveSelectionForeground#3A281A
  • selection.background#FFC83D25
  • sideBar.background#FFFFFF
  • sideBar.border#00000015
  • sideBar.foreground#3A281A
  • sideBarSectionHeader.background#FFFFFF80
  • sideBarSectionHeader.foreground#3A281A
  • sideBarTitle.foreground#FF8A00
  • statusBar.background#FFF6E6
  • statusBar.border#00000015
  • statusBar.foreground#3A281A
  • statusBar.noFolderBackground#FFF6E6
  • tab.activeBackground#FFF6E6
  • tab.activeBorderTop#FF8A00
  • tab.activeForeground#3A281A
  • tab.border#00000015
  • tab.inactiveBackground#FFF6E660
  • tab.inactiveForeground#3A281A80
  • terminal.ansiBlack#3A281A
  • terminal.ansiBlue#FFC83D
  • terminal.ansiCyan#FF6B3D
  • terminal.ansiGreen#FF8A00
  • terminal.ansiMagenta#2E7D32
  • terminal.ansiRed#2E7D32
  • terminal.ansiWhite#3A281A
  • terminal.ansiYellow#FF6B3D
  • terminal.background#FFF6E6
  • terminal.foreground#3A281A
  • titleBar.activeBackground#FFF6E6
  • titleBar.activeForeground#3A281A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFF6E6
  • titleBar.inactiveForeground#3A281A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#78a84ditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#FFC83Dbold
storage.type, storage.modifier#FFC83Ditalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#FF8A00
string, punctuation.definition.string, string.template, meta.template.expression#FF6B3D
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#2E7D32
variable, variable.other.readwrite, variable.other.object#3A281A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#3A281A
variable.parameter, meta.parameter#3A281Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#3A281A80
keyword.operator#3A281A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#FF6B3Dbold
entity.other.inherited-class#FF8A00
entity.name.tag, punctuation.definition.tag#FFC83D
entity.other.attribute-name#FF8A00
meta.diff, meta.diff.header#78a84d
markup.deleted#2E7D32
markup.inserted#FF8A00
markup.changed#FF6B3D
markup.heading, markup.heading.setext, punctuation.definition.heading#FF8A00bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#FF6B3D
string.other.link.title, string.other.link.description#FF8A00
markup.underline.link#78a84dunderline
punctuation.definition.list#FFC83D
markup.quote, punctuation.definition.quote#78a84ditalic