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#131C0D
  • activityBar.border#ffffff15
  • activityBar.foreground#E9C767
  • activityBar.inactiveForeground#FFF7D660
  • activityBarBadge.background#E9C767
  • activityBarBadge.foreground#131C0D
  • button.background#E9C767
  • button.foreground#131C0D
  • button.hoverBackground#E9C767dd
  • editor.background#131C0D
  • editor.foreground#FFF7D6
  • editor.inactiveSelectionBackground#D1EC793580
  • editor.lineHighlightBackground#140C0640
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#D1EC7935
  • editorCursor.foreground#E9C767
  • editorGroupHeader.tabsBackground#131C0Ddd
  • editorLineNumber.activeForeground#E9C767
  • editorLineNumber.foreground#E6C47880
  • focusBorder#E9C767
  • foreground#FFF7D6
  • input.background#140C06
  • input.border#ffffff15
  • input.foreground#FFF7D6
  • input.placeholderForeground#FFF7D660
  • list.activeSelectionBackground#E9C76730
  • list.activeSelectionForeground#FFF7D6
  • list.highlightForeground#E9C767
  • list.hoverBackground#140C0640
  • list.hoverForeground#FFF7D6
  • list.inactiveSelectionBackground#E9C76715
  • list.inactiveSelectionForeground#FFF7D6
  • selection.background#D1EC7935
  • sideBar.background#140C06
  • sideBar.border#ffffff15
  • sideBar.foreground#FFF7D6
  • sideBarSectionHeader.background#131C0D80
  • sideBarSectionHeader.foreground#FFF7D6
  • sideBarTitle.foreground#E9C767
  • statusBar.background#131C0D
  • statusBar.border#ffffff15
  • statusBar.foreground#FFF7D6
  • statusBar.noFolderBackground#131C0D
  • tab.activeBackground#131C0D
  • tab.activeBorderTop#E9C767
  • tab.activeForeground#FFF7D6
  • tab.border#ffffff15
  • tab.inactiveBackground#140C0660
  • tab.inactiveForeground#FFF7D680
  • terminal.ansiBlack#131C0D
  • terminal.ansiBlue#D1EC79
  • terminal.ansiCyan#AFE755
  • terminal.ansiGreen#E9C767
  • terminal.ansiMagenta#F1AF83
  • terminal.ansiRed#F1AF83
  • terminal.ansiWhite#FFF7D6
  • terminal.ansiYellow#AFE755
  • terminal.background#131C0D
  • terminal.foreground#FFF7D6
  • titleBar.activeBackground#131C0D
  • titleBar.activeForeground#FFF7D6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#131C0D
  • titleBar.inactiveForeground#FFF7D660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E6C478italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#D1EC79bold
storage.type, storage.modifier#D1EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9C767
string, punctuation.definition.string, string.template, meta.template.expression#AFE755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1AF83
variable, variable.other.readwrite, variable.other.object#FFF7D6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFF7D6
variable.parameter, meta.parameter#FFF7D6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFF7D680
keyword.operator#FFF7D6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#AFE755bold
entity.other.inherited-class#E9C767
entity.name.tag, punctuation.definition.tag#D1EC79
entity.other.attribute-name#E9C767
meta.diff, meta.diff.header#E6C478
markup.deleted#F1AF83
markup.inserted#E9C767
markup.changed#AFE755
markup.heading, markup.heading.setext, punctuation.definition.heading#E9C767bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#AFE755
string.other.link.title, string.other.link.description#E9C767
markup.underline.link#E6C478underline
punctuation.definition.list#D1EC79
markup.quote, punctuation.definition.quote#E6C478italic