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#252824
  • activityBar.border#ffffff15
  • activityBar.foreground#E99767
  • activityBar.inactiveForeground#f4eee360
  • activityBarBadge.background#E99767
  • activityBarBadge.foreground#252824
  • button.background#E99767
  • button.foreground#252824
  • button.hoverBackground#E99767dd
  • editor.background#252824
  • editor.foreground#f4eee3
  • editor.inactiveSelectionBackground#79EC9D3580
  • editor.lineHighlightBackground#15191640
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79EC9D35
  • editorCursor.foreground#E99767
  • editorGroupHeader.tabsBackground#252824dd
  • editorLineNumber.activeForeground#E99767
  • editorLineNumber.foreground#4a514980
  • focusBorder#E99767
  • foreground#f4eee3
  • input.background#151916
  • input.border#ffffff15
  • input.foreground#f4eee3
  • input.placeholderForeground#f4eee360
  • list.activeSelectionBackground#E9976730
  • list.activeSelectionForeground#f4eee3
  • list.highlightForeground#E99767
  • list.hoverBackground#15191640
  • list.hoverForeground#f4eee3
  • list.inactiveSelectionBackground#E9976715
  • list.inactiveSelectionForeground#f4eee3
  • selection.background#79EC9D35
  • sideBar.background#151916
  • sideBar.border#ffffff15
  • sideBar.foreground#f4eee3
  • sideBarSectionHeader.background#25282480
  • sideBarSectionHeader.foreground#f4eee3
  • sideBarTitle.foreground#E99767
  • statusBar.background#252824
  • statusBar.border#ffffff15
  • statusBar.foreground#f4eee3
  • statusBar.noFolderBackground#252824
  • tab.activeBackground#252824
  • tab.activeBorderTop#E99767
  • tab.activeForeground#f4eee3
  • tab.border#ffffff15
  • tab.inactiveBackground#15191660
  • tab.inactiveForeground#f4eee380
  • terminal.ansiBlack#252824
  • terminal.ansiBlue#79EC9D
  • terminal.ansiCyan#55E7B9
  • terminal.ansiGreen#E99767
  • terminal.ansiMagenta#F1AB83
  • terminal.ansiRed#F1AB83
  • terminal.ansiWhite#f4eee3
  • terminal.ansiYellow#55E7B9
  • terminal.background#252824
  • terminal.foreground#f4eee3
  • titleBar.activeBackground#252824
  • titleBar.activeForeground#f4eee3
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#252824
  • titleBar.inactiveForeground#f4eee360
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#4a5149italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79EC9Dbold
storage.type, storage.modifier#79EC9Ditalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E99767
string, punctuation.definition.string, string.template, meta.template.expression#55E7B9
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1AB83
variable, variable.other.readwrite, variable.other.object#f4eee3
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4eee3
variable.parameter, meta.parameter#f4eee3dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4eee380
keyword.operator#f4eee3
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E7B9bold
entity.other.inherited-class#E99767
entity.name.tag, punctuation.definition.tag#79EC9D
entity.other.attribute-name#E99767
meta.diff, meta.diff.header#4a5149
markup.deleted#F1AB83
markup.inserted#E99767
markup.changed#55E7B9
markup.heading, markup.heading.setext, punctuation.definition.heading#E99767bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E7B9
string.other.link.title, string.other.link.description#E99767
markup.underline.link#4a5149underline
punctuation.definition.list#79EC9D
markup.quote, punctuation.definition.quote#4a5149italic