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#112636
  • activityBar.border#ffffff15
  • activityBar.foreground#E9676E
  • activityBar.inactiveForeground#F8FBFC60
  • activityBarBadge.background#E9676E
  • activityBarBadge.foreground#112636
  • button.background#E9676E
  • button.foreground#112636
  • button.hoverBackground#E9676Edd
  • editor.background#112636
  • editor.foreground#F8FBFC
  • editor.inactiveSelectionBackground#79A7EC3580
  • editor.lineHighlightBackground#09101540
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79A7EC35
  • editorCursor.foreground#E9676E
  • editorGroupHeader.tabsBackground#112636dd
  • editorLineNumber.activeForeground#E9676E
  • editorLineNumber.foreground#A0A8B480
  • focusBorder#E9676E
  • foreground#F8FBFC
  • input.background#091015
  • input.border#ffffff15
  • input.foreground#F8FBFC
  • input.placeholderForeground#F8FBFC60
  • list.activeSelectionBackground#E9676E30
  • list.activeSelectionForeground#F8FBFC
  • list.highlightForeground#E9676E
  • list.hoverBackground#09101540
  • list.hoverForeground#F8FBFC
  • list.inactiveSelectionBackground#E9676E15
  • list.inactiveSelectionForeground#F8FBFC
  • selection.background#79A7EC35
  • sideBar.background#091015
  • sideBar.border#ffffff15
  • sideBar.foreground#F8FBFC
  • sideBarSectionHeader.background#11263680
  • sideBarSectionHeader.foreground#F8FBFC
  • sideBarTitle.foreground#E9676E
  • statusBar.background#112636
  • statusBar.border#ffffff15
  • statusBar.foreground#F8FBFC
  • statusBar.noFolderBackground#112636
  • tab.activeBackground#112636
  • tab.activeBorderTop#E9676E
  • tab.activeForeground#F8FBFC
  • tab.border#ffffff15
  • tab.inactiveBackground#09101560
  • tab.inactiveForeground#F8FBFC80
  • terminal.ansiBlack#112636
  • terminal.ansiBlue#79A7EC
  • terminal.ansiCyan#55B1E7
  • terminal.ansiGreen#E9676E
  • terminal.ansiMagenta#F19F83
  • terminal.ansiRed#F19F83
  • terminal.ansiWhite#F8FBFC
  • terminal.ansiYellow#55B1E7
  • terminal.background#112636
  • terminal.foreground#F8FBFC
  • titleBar.activeBackground#112636
  • titleBar.activeForeground#F8FBFC
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#112636
  • titleBar.inactiveForeground#F8FBFC60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A0A8B4italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79A7ECbold
storage.type, storage.modifier#79A7ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9676E
string, punctuation.definition.string, string.template, meta.template.expression#55B1E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F19F83
variable, variable.other.readwrite, variable.other.object#F8FBFC
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F8FBFC
variable.parameter, meta.parameter#F8FBFCdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F8FBFC80
keyword.operator#F8FBFC
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55B1E7bold
entity.other.inherited-class#E9676E
entity.name.tag, punctuation.definition.tag#79A7EC
entity.other.attribute-name#E9676E
meta.diff, meta.diff.header#A0A8B4
markup.deleted#F19F83
markup.inserted#E9676E
markup.changed#55B1E7
markup.heading, markup.heading.setext, punctuation.definition.heading#E9676Ebold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55B1E7
string.other.link.title, string.other.link.description#E9676E
markup.underline.link#A0A8B4underline
punctuation.definition.list#79A7EC
markup.quote, punctuation.definition.quote#A0A8B4italic