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#101E16
  • activityBar.border#ffffff15
  • activityBar.foreground#E98367
  • activityBar.inactiveForeground#FFF7E660
  • activityBarBadge.background#E98367
  • activityBarBadge.foreground#101E16
  • button.background#E98367
  • button.foreground#101E16
  • button.hoverBackground#E98367dd
  • editor.background#101E16
  • editor.foreground#FFF7E6
  • editor.inactiveSelectionBackground#79EC7F3580
  • editor.lineHighlightBackground#101E1640
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79EC7F35
  • editorCursor.foreground#E98367
  • editorGroupHeader.tabsBackground#101E16dd
  • editorLineNumber.activeForeground#E98367
  • editorLineNumber.foreground#A8B87980
  • focusBorder#E98367
  • foreground#FFF7E6
  • input.background#101E16
  • input.border#ffffff15
  • input.foreground#FFF7E6
  • input.placeholderForeground#FFF7E660
  • list.activeSelectionBackground#E9836730
  • list.activeSelectionForeground#FFF7E6
  • list.highlightForeground#E98367
  • list.hoverBackground#101E1640
  • list.hoverForeground#FFF7E6
  • list.inactiveSelectionBackground#E9836715
  • list.inactiveSelectionForeground#FFF7E6
  • selection.background#79EC7F35
  • sideBar.background#101E16
  • sideBar.border#ffffff15
  • sideBar.foreground#FFF7E6
  • sideBarSectionHeader.background#101E1680
  • sideBarSectionHeader.foreground#FFF7E6
  • sideBarTitle.foreground#E98367
  • statusBar.background#101E16
  • statusBar.border#ffffff15
  • statusBar.foreground#FFF7E6
  • statusBar.noFolderBackground#101E16
  • tab.activeBackground#101E16
  • tab.activeBorderTop#E98367
  • tab.activeForeground#FFF7E6
  • tab.border#ffffff15
  • tab.inactiveBackground#101E1660
  • tab.inactiveForeground#FFF7E680
  • terminal.ansiBlack#101E16
  • terminal.ansiBlue#79EC7F
  • terminal.ansiCyan#E7C255
  • terminal.ansiGreen#E98367
  • terminal.ansiMagenta#D2F183
  • terminal.ansiRed#D2F183
  • terminal.ansiWhite#FFF7E6
  • terminal.ansiYellow#E7C255
  • terminal.background#101E16
  • terminal.foreground#FFF7E6
  • titleBar.activeBackground#101E16
  • titleBar.activeForeground#FFF7E6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#101E16
  • titleBar.inactiveForeground#FFF7E660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A8B879italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79EC7Fbold
storage.type, storage.modifier#79EC7Fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E98367
string, punctuation.definition.string, string.template, meta.template.expression#E7C255
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#D2F183
variable, variable.other.readwrite, variable.other.object#FFF7E6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFF7E6
variable.parameter, meta.parameter#FFF7E6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFF7E680
keyword.operator#FFF7E6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7C255bold
entity.other.inherited-class#E98367
entity.name.tag, punctuation.definition.tag#79EC7F
entity.other.attribute-name#E98367
meta.diff, meta.diff.header#A8B879
markup.deleted#D2F183
markup.inserted#E98367
markup.changed#E7C255
markup.heading, markup.heading.setext, punctuation.definition.heading#E98367bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7C255
string.other.link.title, string.other.link.description#E98367
markup.underline.link#A8B879underline
punctuation.definition.list#79EC7F
markup.quote, punctuation.definition.quote#A8B879italic