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#374151
  • activityBar.border#ffffff15
  • activityBar.foreground#0D0D0F
  • activityBar.inactiveForeground#F1F4F660
  • activityBarBadge.background#0D0D0F
  • activityBarBadge.foreground#374151
  • button.background#0D0D0F
  • button.foreground#374151
  • button.hoverBackground#0D0D0Fdd
  • editor.background#374151
  • editor.foreground#F1F4F6
  • editor.inactiveSelectionBackground#C2482A3580
  • editor.lineHighlightBackground#0D0D0F40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#C2482A35
  • editorCursor.foreground#0D0D0F
  • editorGroupHeader.tabsBackground#374151dd
  • editorLineNumber.activeForeground#0D0D0F
  • editorLineNumber.foreground#E5E7EB80
  • focusBorder#0D0D0F
  • foreground#F1F4F6
  • input.background#0D0D0F
  • input.border#ffffff15
  • input.foreground#F1F4F6
  • input.placeholderForeground#F1F4F660
  • list.activeSelectionBackground#0D0D0F30
  • list.activeSelectionForeground#F1F4F6
  • list.highlightForeground#0D0D0F
  • list.hoverBackground#0D0D0F40
  • list.hoverForeground#F1F4F6
  • list.inactiveSelectionBackground#0D0D0F15
  • list.inactiveSelectionForeground#F1F4F6
  • selection.background#C2482A35
  • sideBar.background#0D0D0F
  • sideBar.border#ffffff15
  • sideBar.foreground#F1F4F6
  • sideBarSectionHeader.background#37415180
  • sideBarSectionHeader.foreground#F1F4F6
  • sideBarTitle.foreground#0D0D0F
  • statusBar.background#374151
  • statusBar.border#ffffff15
  • statusBar.foreground#F1F4F6
  • statusBar.noFolderBackground#374151
  • tab.activeBackground#374151
  • tab.activeBorderTop#0D0D0F
  • tab.activeForeground#F1F4F6
  • tab.border#ffffff15
  • tab.inactiveBackground#0D0D0F60
  • tab.inactiveForeground#F1F4F680
  • terminal.ansiBlack#374151
  • terminal.ansiBlue#C2482A
  • terminal.ansiCyan#8FB7D6
  • terminal.ansiGreen#0D0D0F
  • terminal.ansiMagenta#E07A5F
  • terminal.ansiRed#E07A5F
  • terminal.ansiWhite#F1F4F6
  • terminal.ansiYellow#8FB7D6
  • terminal.background#374151
  • terminal.foreground#F1F4F6
  • titleBar.activeBackground#374151
  • titleBar.activeForeground#F1F4F6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#374151
  • titleBar.inactiveForeground#F1F4F660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E5E7EBitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#C2482Abold
storage.type, storage.modifier#C2482Aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#0D0D0F
string, punctuation.definition.string, string.template, meta.template.expression#8FB7D6
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#E07A5F
variable, variable.other.readwrite, variable.other.object#F1F4F6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F1F4F6
variable.parameter, meta.parameter#F1F4F6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F1F4F680
keyword.operator#F1F4F6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8FB7D6bold
entity.other.inherited-class#0D0D0F
entity.name.tag, punctuation.definition.tag#C2482A
entity.other.attribute-name#0D0D0F
meta.diff, meta.diff.header#E5E7EB
markup.deleted#E07A5F
markup.inserted#0D0D0F
markup.changed#8FB7D6
markup.heading, markup.heading.setext, punctuation.definition.heading#0D0D0Fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8FB7D6
string.other.link.title, string.other.link.description#0D0D0F
markup.underline.link#E5E7EBunderline
punctuation.definition.list#C2482A
markup.quote, punctuation.definition.quote#E5E7EBitalic