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#1F2528
  • activityBar.border#ffffff15
  • activityBar.foreground#E97F67
  • activityBar.inactiveForeground#FAFAF860
  • activityBarBadge.background#E97F67
  • activityBarBadge.foreground#1F2528
  • button.background#E97F67
  • button.foreground#1F2528
  • button.hoverBackground#E97F67dd
  • editor.background#1F2528
  • editor.foreground#FAFAF8
  • editor.inactiveSelectionBackground#79B2EC3580
  • editor.lineHighlightBackground#090A0B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79B2EC35
  • editorCursor.foreground#E97F67
  • editorGroupHeader.tabsBackground#1F2528dd
  • editorLineNumber.activeForeground#E97F67
  • editorLineNumber.foreground#8C958F80
  • focusBorder#E97F67
  • foreground#FAFAF8
  • input.background#090A0B
  • input.border#ffffff15
  • input.foreground#FAFAF8
  • input.placeholderForeground#FAFAF860
  • list.activeSelectionBackground#E97F6730
  • list.activeSelectionForeground#FAFAF8
  • list.highlightForeground#E97F67
  • list.hoverBackground#090A0B40
  • list.hoverForeground#FAFAF8
  • list.inactiveSelectionBackground#E97F6715
  • list.inactiveSelectionForeground#FAFAF8
  • selection.background#79B2EC35
  • sideBar.background#090A0B
  • sideBar.border#ffffff15
  • sideBar.foreground#FAFAF8
  • sideBarSectionHeader.background#1F252880
  • sideBarSectionHeader.foreground#FAFAF8
  • sideBarTitle.foreground#E97F67
  • statusBar.background#1F2528
  • statusBar.border#ffffff15
  • statusBar.foreground#FAFAF8
  • statusBar.noFolderBackground#1F2528
  • tab.activeBackground#1F2528
  • tab.activeBorderTop#E97F67
  • tab.activeForeground#FAFAF8
  • tab.border#ffffff15
  • tab.inactiveBackground#090A0B60
  • tab.inactiveForeground#FAFAF880
  • terminal.ansiBlack#1F2528
  • terminal.ansiBlue#79B2EC
  • terminal.ansiCyan#E7BB55
  • terminal.ansiGreen#E97F67
  • terminal.ansiMagenta#F1AF83
  • terminal.ansiRed#F1AF83
  • terminal.ansiWhite#FAFAF8
  • terminal.ansiYellow#E7BB55
  • terminal.background#1F2528
  • terminal.foreground#FAFAF8
  • titleBar.activeBackground#1F2528
  • titleBar.activeForeground#FAFAF8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1F2528
  • titleBar.inactiveForeground#FAFAF860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8C958Fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79B2ECbold
storage.type, storage.modifier#79B2ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E97F67
string, punctuation.definition.string, string.template, meta.template.expression#E7BB55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1AF83
variable, variable.other.readwrite, variable.other.object#FAFAF8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FAFAF8
variable.parameter, meta.parameter#FAFAF8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FAFAF880
keyword.operator#FAFAF8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7BB55bold
entity.other.inherited-class#E97F67
entity.name.tag, punctuation.definition.tag#79B2EC
entity.other.attribute-name#E97F67
meta.diff, meta.diff.header#8C958F
markup.deleted#F1AF83
markup.inserted#E97F67
markup.changed#E7BB55
markup.heading, markup.heading.setext, punctuation.definition.heading#E97F67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7BB55
string.other.link.title, string.other.link.description#E97F67
markup.underline.link#8C958Funderline
punctuation.definition.list#79B2EC
markup.quote, punctuation.definition.quote#8C958Fitalic