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#1D2A2F
  • activityBar.border#ffffff15
  • activityBar.foreground#E97B67
  • activityBar.inactiveForeground#f8f7f160
  • activityBarBadge.background#E97B67
  • activityBarBadge.foreground#1D2A2F
  • button.background#E97B67
  • button.foreground#1D2A2F
  • button.hoverBackground#E97B67dd
  • editor.background#1D2A2F
  • editor.foreground#f8f7f1
  • editor.inactiveSelectionBackground#ECB3793580
  • editor.lineHighlightBackground#0E101040
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECB37935
  • editorCursor.foreground#E97B67
  • editorGroupHeader.tabsBackground#1D2A2Fdd
  • editorLineNumber.activeForeground#E97B67
  • editorLineNumber.foreground#7f817b80
  • focusBorder#E97B67
  • foreground#f8f7f1
  • input.background#0E1010
  • input.border#ffffff15
  • input.foreground#f8f7f1
  • input.placeholderForeground#f8f7f160
  • list.activeSelectionBackground#E97B6730
  • list.activeSelectionForeground#f8f7f1
  • list.highlightForeground#E97B67
  • list.hoverBackground#0E101040
  • list.hoverForeground#f8f7f1
  • list.inactiveSelectionBackground#E97B6715
  • list.inactiveSelectionForeground#f8f7f1
  • selection.background#ECB37935
  • sideBar.background#0E1010
  • sideBar.border#ffffff15
  • sideBar.foreground#f8f7f1
  • sideBarSectionHeader.background#1D2A2F80
  • sideBarSectionHeader.foreground#f8f7f1
  • sideBarTitle.foreground#E97B67
  • statusBar.background#1D2A2F
  • statusBar.border#ffffff15
  • statusBar.foreground#f8f7f1
  • statusBar.noFolderBackground#1D2A2F
  • tab.activeBackground#1D2A2F
  • tab.activeBorderTop#E97B67
  • tab.activeForeground#f8f7f1
  • tab.border#ffffff15
  • tab.inactiveBackground#0E101060
  • tab.inactiveForeground#f8f7f180
  • terminal.ansiBlack#1D2A2F
  • terminal.ansiBlue#ECB379
  • terminal.ansiCyan#55BEE7
  • terminal.ansiGreen#E97B67
  • terminal.ansiMagenta#83E1F1
  • terminal.ansiRed#83E1F1
  • terminal.ansiWhite#f8f7f1
  • terminal.ansiYellow#55BEE7
  • terminal.background#1D2A2F
  • terminal.foreground#f8f7f1
  • titleBar.activeBackground#1D2A2F
  • titleBar.activeForeground#f8f7f1
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1D2A2F
  • titleBar.inactiveForeground#f8f7f160
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7f817bitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECB379bold
storage.type, storage.modifier#ECB379italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E97B67
string, punctuation.definition.string, string.template, meta.template.expression#55BEE7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83E1F1
variable, variable.other.readwrite, variable.other.object#f8f7f1
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f8f7f1
variable.parameter, meta.parameter#f8f7f1dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f8f7f180
keyword.operator#f8f7f1
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55BEE7bold
entity.other.inherited-class#E97B67
entity.name.tag, punctuation.definition.tag#ECB379
entity.other.attribute-name#E97B67
meta.diff, meta.diff.header#7f817b
markup.deleted#83E1F1
markup.inserted#E97B67
markup.changed#55BEE7
markup.heading, markup.heading.setext, punctuation.definition.heading#E97B67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55BEE7
string.other.link.title, string.other.link.description#E97B67
markup.underline.link#7f817bunderline
punctuation.definition.list#ECB379
markup.quote, punctuation.definition.quote#7f817bitalic