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#3E3A37
  • activityBar.border#ffffff15
  • activityBar.foreground#E99767
  • activityBar.inactiveForeground#F7F4EE60
  • activityBarBadge.background#E99767
  • activityBarBadge.foreground#3E3A37
  • button.background#E99767
  • button.foreground#3E3A37
  • button.hoverBackground#E99767dd
  • editor.background#3E3A37
  • editor.foreground#F7F4EE
  • editor.inactiveSelectionBackground#A379EC3580
  • editor.lineHighlightBackground#1F1C1A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#A379EC35
  • editorCursor.foreground#E99767
  • editorGroupHeader.tabsBackground#3E3A37dd
  • editorLineNumber.activeForeground#E99767
  • editorLineNumber.foreground#CDC7C080
  • focusBorder#E99767
  • foreground#F7F4EE
  • input.background#1F1C1A
  • input.border#ffffff15
  • input.foreground#F7F4EE
  • input.placeholderForeground#F7F4EE60
  • list.activeSelectionBackground#E9976730
  • list.activeSelectionForeground#F7F4EE
  • list.highlightForeground#E99767
  • list.hoverBackground#1F1C1A40
  • list.hoverForeground#F7F4EE
  • list.inactiveSelectionBackground#E9976715
  • list.inactiveSelectionForeground#F7F4EE
  • selection.background#A379EC35
  • sideBar.background#1F1C1A
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F4EE
  • sideBarSectionHeader.background#3E3A3780
  • sideBarSectionHeader.foreground#F7F4EE
  • sideBarTitle.foreground#E99767
  • statusBar.background#3E3A37
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F4EE
  • statusBar.noFolderBackground#3E3A37
  • tab.activeBackground#3E3A37
  • tab.activeBorderTop#E99767
  • tab.activeForeground#F7F4EE
  • tab.border#ffffff15
  • tab.inactiveBackground#1F1C1A60
  • tab.inactiveForeground#F7F4EE80
  • terminal.ansiBlack#3E3A37
  • terminal.ansiBlue#A379EC
  • terminal.ansiCyan#C7E755
  • terminal.ansiGreen#E99767
  • terminal.ansiMagenta#F1D683
  • terminal.ansiRed#F1D683
  • terminal.ansiWhite#F7F4EE
  • terminal.ansiYellow#C7E755
  • terminal.background#3E3A37
  • terminal.foreground#F7F4EE
  • titleBar.activeBackground#3E3A37
  • titleBar.activeForeground#F7F4EE
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#3E3A37
  • titleBar.inactiveForeground#F7F4EE60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#CDC7C0italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#A379ECbold
storage.type, storage.modifier#A379ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E99767
string, punctuation.definition.string, string.template, meta.template.expression#C7E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D683
variable, variable.other.readwrite, variable.other.object#F7F4EE
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F4EE
variable.parameter, meta.parameter#F7F4EEdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F4EE80
keyword.operator#F7F4EE
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#C7E755bold
entity.other.inherited-class#E99767
entity.name.tag, punctuation.definition.tag#A379EC
entity.other.attribute-name#E99767
meta.diff, meta.diff.header#CDC7C0
markup.deleted#F1D683
markup.inserted#E99767
markup.changed#C7E755
markup.heading, markup.heading.setext, punctuation.definition.heading#E99767bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#C7E755
string.other.link.title, string.other.link.description#E99767
markup.underline.link#CDC7C0underline
punctuation.definition.list#A379EC
markup.quote, punctuation.definition.quote#CDC7C0italic