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#080D17
  • activityBar.border#ffffff15
  • activityBar.foreground#E9C467
  • activityBar.inactiveForeground#EAF3FF60
  • activityBarBadge.background#E9C467
  • activityBarBadge.foreground#080D17
  • button.background#E9C467
  • button.foreground#080D17
  • button.hoverBackground#E9C467dd
  • editor.background#080D17
  • editor.foreground#EAF3FF
  • editor.inactiveSelectionBackground#79C9EC3580
  • editor.lineHighlightBackground#13213540
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79C9EC35
  • editorCursor.foreground#E9C467
  • editorGroupHeader.tabsBackground#080D17dd
  • editorLineNumber.activeForeground#E9C467
  • editorLineNumber.foreground#DCE3EB80
  • focusBorder#E9C467
  • foreground#EAF3FF
  • input.background#132135
  • input.border#ffffff15
  • input.foreground#EAF3FF
  • input.placeholderForeground#EAF3FF60
  • list.activeSelectionBackground#E9C46730
  • list.activeSelectionForeground#EAF3FF
  • list.highlightForeground#E9C467
  • list.hoverBackground#13213540
  • list.hoverForeground#EAF3FF
  • list.inactiveSelectionBackground#E9C46715
  • list.inactiveSelectionForeground#EAF3FF
  • selection.background#79C9EC35
  • sideBar.background#132135
  • sideBar.border#ffffff15
  • sideBar.foreground#EAF3FF
  • sideBarSectionHeader.background#080D1780
  • sideBarSectionHeader.foreground#EAF3FF
  • sideBarTitle.foreground#E9C467
  • statusBar.background#080D17
  • statusBar.border#ffffff15
  • statusBar.foreground#EAF3FF
  • statusBar.noFolderBackground#080D17
  • tab.activeBackground#080D17
  • tab.activeBorderTop#E9C467
  • tab.activeForeground#EAF3FF
  • tab.border#ffffff15
  • tab.inactiveBackground#13213560
  • tab.inactiveForeground#EAF3FF80
  • terminal.ansiBlack#080D17
  • terminal.ansiBlue#79C9EC
  • terminal.ansiCyan#55C2E7
  • terminal.ansiGreen#E9C467
  • terminal.ansiMagenta#F183A2
  • terminal.ansiRed#F183A2
  • terminal.ansiWhite#EAF3FF
  • terminal.ansiYellow#55C2E7
  • terminal.background#080D17
  • terminal.foreground#EAF3FF
  • titleBar.activeBackground#080D17
  • titleBar.activeForeground#EAF3FF
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#080D17
  • titleBar.inactiveForeground#EAF3FF60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#DCE3EBitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79C9ECbold
storage.type, storage.modifier#79C9ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9C467
string, punctuation.definition.string, string.template, meta.template.expression#55C2E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F183A2
variable, variable.other.readwrite, variable.other.object#EAF3FF
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#EAF3FF
variable.parameter, meta.parameter#EAF3FFdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#EAF3FF80
keyword.operator#EAF3FF
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55C2E7bold
entity.other.inherited-class#E9C467
entity.name.tag, punctuation.definition.tag#79C9EC
entity.other.attribute-name#E9C467
meta.diff, meta.diff.header#DCE3EB
markup.deleted#F183A2
markup.inserted#E9C467
markup.changed#55C2E7
markup.heading, markup.heading.setext, punctuation.definition.heading#E9C467bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55C2E7
string.other.link.title, string.other.link.description#E9C467
markup.underline.link#DCE3EBunderline
punctuation.definition.list#79C9EC
markup.quote, punctuation.definition.quote#DCE3EBitalic