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#14181A
  • activityBar.border#ffffff15
  • activityBar.foreground#E9CB67
  • activityBar.inactiveForeground#F2F0E460
  • activityBarBadge.background#E9CB67
  • activityBarBadge.foreground#14181A
  • button.background#E9CB67
  • button.foreground#14181A
  • button.hoverBackground#E9CB67dd
  • editor.background#14181A
  • editor.foreground#F2F0E4
  • editor.inactiveSelectionBackground#CBEC793580
  • editor.lineHighlightBackground#090A0B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#CBEC7935
  • editorCursor.foreground#E9CB67
  • editorGroupHeader.tabsBackground#14181Add
  • editorLineNumber.activeForeground#E9CB67
  • editorLineNumber.foreground#4A3A2A80
  • focusBorder#E9CB67
  • foreground#F2F0E4
  • input.background#090A0B
  • input.border#ffffff15
  • input.foreground#F2F0E4
  • input.placeholderForeground#F2F0E460
  • list.activeSelectionBackground#E9CB6730
  • list.activeSelectionForeground#F2F0E4
  • list.highlightForeground#E9CB67
  • list.hoverBackground#090A0B40
  • list.hoverForeground#F2F0E4
  • list.inactiveSelectionBackground#E9CB6715
  • list.inactiveSelectionForeground#F2F0E4
  • selection.background#CBEC7935
  • sideBar.background#090A0B
  • sideBar.border#ffffff15
  • sideBar.foreground#F2F0E4
  • sideBarSectionHeader.background#14181A80
  • sideBarSectionHeader.foreground#F2F0E4
  • sideBarTitle.foreground#E9CB67
  • statusBar.background#14181A
  • statusBar.border#ffffff15
  • statusBar.foreground#F2F0E4
  • statusBar.noFolderBackground#14181A
  • tab.activeBackground#14181A
  • tab.activeBorderTop#E9CB67
  • tab.activeForeground#F2F0E4
  • tab.border#ffffff15
  • tab.inactiveBackground#090A0B60
  • tab.inactiveForeground#F2F0E480
  • terminal.ansiBlack#14181A
  • terminal.ansiBlue#CBEC79
  • terminal.ansiCyan#55E7BB
  • terminal.ansiGreen#E9CB67
  • terminal.ansiMagenta#83F1D4
  • terminal.ansiRed#83F1D4
  • terminal.ansiWhite#F2F0E4
  • terminal.ansiYellow#55E7BB
  • terminal.background#14181A
  • terminal.foreground#F2F0E4
  • titleBar.activeBackground#14181A
  • titleBar.activeForeground#F2F0E4
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#14181A
  • titleBar.inactiveForeground#F2F0E460
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#4A3A2Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#CBEC79bold
storage.type, storage.modifier#CBEC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9CB67
string, punctuation.definition.string, string.template, meta.template.expression#55E7BB
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F1D4
variable, variable.other.readwrite, variable.other.object#F2F0E4
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F2F0E4
variable.parameter, meta.parameter#F2F0E4dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F2F0E480
keyword.operator#F2F0E4
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E7BBbold
entity.other.inherited-class#E9CB67
entity.name.tag, punctuation.definition.tag#CBEC79
entity.other.attribute-name#E9CB67
meta.diff, meta.diff.header#4A3A2A
markup.deleted#83F1D4
markup.inserted#E9CB67
markup.changed#55E7BB
markup.heading, markup.heading.setext, punctuation.definition.heading#E9CB67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E7BB
string.other.link.title, string.other.link.description#E9CB67
markup.underline.link#4A3A2Aunderline
punctuation.definition.list#CBEC79
markup.quote, punctuation.definition.quote#4A3A2Aitalic