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#081320
  • activityBar.border#ffffff15
  • activityBar.foreground#123D30
  • activityBar.inactiveForeground#F3F7F460
  • activityBarBadge.background#123D30
  • activityBarBadge.foreground#081320
  • button.background#123D30
  • button.foreground#081320
  • button.hoverBackground#123D30dd
  • editor.background#081320
  • editor.foreground#F3F7F4
  • editor.inactiveSelectionBackground#7A3A1E3580
  • editor.lineHighlightBackground#091F1A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#7A3A1E35
  • editorCursor.foreground#123D30
  • editorGroupHeader.tabsBackground#081320dd
  • editorLineNumber.activeForeground#123D30
  • editorLineNumber.foreground#E3EDE680
  • focusBorder#123D30
  • foreground#F3F7F4
  • input.background#091F1A
  • input.border#ffffff15
  • input.foreground#F3F7F4
  • input.placeholderForeground#F3F7F460
  • list.activeSelectionBackground#123D3030
  • list.activeSelectionForeground#F3F7F4
  • list.highlightForeground#123D30
  • list.hoverBackground#091F1A40
  • list.hoverForeground#F3F7F4
  • list.inactiveSelectionBackground#123D3015
  • list.inactiveSelectionForeground#F3F7F4
  • selection.background#7A3A1E35
  • sideBar.background#091F1A
  • sideBar.border#ffffff15
  • sideBar.foreground#F3F7F4
  • sideBarSectionHeader.background#08132080
  • sideBarSectionHeader.foreground#F3F7F4
  • sideBarTitle.foreground#123D30
  • statusBar.background#081320
  • statusBar.border#ffffff15
  • statusBar.foreground#F3F7F4
  • statusBar.noFolderBackground#081320
  • tab.activeBackground#081320
  • tab.activeBorderTop#123D30
  • tab.activeForeground#F3F7F4
  • tab.border#ffffff15
  • tab.inactiveBackground#091F1A60
  • tab.inactiveForeground#F3F7F480
  • terminal.ansiBlack#081320
  • terminal.ansiBlue#7A3A1E
  • terminal.ansiCyan#1A2F40
  • terminal.ansiGreen#123D30
  • terminal.ansiMagenta#BA5A19
  • terminal.ansiRed#BA5A19
  • terminal.ansiWhite#F3F7F4
  • terminal.ansiYellow#1A2F40
  • terminal.background#081320
  • terminal.foreground#F3F7F4
  • titleBar.activeBackground#081320
  • titleBar.activeForeground#F3F7F4
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#081320
  • titleBar.inactiveForeground#F3F7F460
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E3EDE6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#7A3A1Ebold
storage.type, storage.modifier#7A3A1Eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#123D30
string, punctuation.definition.string, string.template, meta.template.expression#1A2F40
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#BA5A19
variable, variable.other.readwrite, variable.other.object#F3F7F4
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F3F7F4
variable.parameter, meta.parameter#F3F7F4dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F3F7F480
keyword.operator#F3F7F4
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#1A2F40bold
entity.other.inherited-class#123D30
entity.name.tag, punctuation.definition.tag#7A3A1E
entity.other.attribute-name#123D30
meta.diff, meta.diff.header#E3EDE6
markup.deleted#BA5A19
markup.inserted#123D30
markup.changed#1A2F40
markup.heading, markup.heading.setext, punctuation.definition.heading#123D30bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#1A2F40
string.other.link.title, string.other.link.description#123D30
markup.underline.link#E3EDE6underline
punctuation.definition.list#7A3A1E
markup.quote, punctuation.definition.quote#E3EDE6italic