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#343A40
  • activityBar.border#ffffff15
  • activityBar.foreground#A7C7D9
  • activityBar.inactiveForeground#F6F7F860
  • activityBarBadge.background#A7C7D9
  • activityBarBadge.foreground#343A40
  • button.background#A7C7D9
  • button.foreground#343A40
  • button.hoverBackground#A7C7D9dd
  • editor.background#343A40
  • editor.foreground#F6F7F8
  • editor.inactiveSelectionBackground#6F767D3580
  • editor.lineHighlightBackground#1F232740
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#6F767D35
  • editorCursor.foreground#A7C7D9
  • editorGroupHeader.tabsBackground#343A40dd
  • editorLineNumber.activeForeground#A7C7D9
  • editorLineNumber.foreground#B7B1A680
  • focusBorder#A7C7D9
  • foreground#F6F7F8
  • input.background#1F2327
  • input.border#ffffff15
  • input.foreground#F6F7F8
  • input.placeholderForeground#F6F7F860
  • list.activeSelectionBackground#A7C7D930
  • list.activeSelectionForeground#F6F7F8
  • list.highlightForeground#A7C7D9
  • list.hoverBackground#1F232740
  • list.hoverForeground#F6F7F8
  • list.inactiveSelectionBackground#A7C7D915
  • list.inactiveSelectionForeground#F6F7F8
  • selection.background#6F767D35
  • sideBar.background#1F2327
  • sideBar.border#ffffff15
  • sideBar.foreground#F6F7F8
  • sideBarSectionHeader.background#343A4080
  • sideBarSectionHeader.foreground#F6F7F8
  • sideBarTitle.foreground#A7C7D9
  • statusBar.background#343A40
  • statusBar.border#ffffff15
  • statusBar.foreground#F6F7F8
  • statusBar.noFolderBackground#343A40
  • tab.activeBackground#343A40
  • tab.activeBorderTop#A7C7D9
  • tab.activeForeground#F6F7F8
  • tab.border#ffffff15
  • tab.inactiveBackground#1F232760
  • tab.inactiveForeground#F6F7F880
  • terminal.ansiBlack#343A40
  • terminal.ansiBlue#6F767D
  • terminal.ansiCyan#7A8F6A
  • terminal.ansiGreen#A7C7D9
  • terminal.ansiMagenta#EEF2F3
  • terminal.ansiRed#EEF2F3
  • terminal.ansiWhite#F6F7F8
  • terminal.ansiYellow#7A8F6A
  • terminal.background#343A40
  • terminal.foreground#F6F7F8
  • titleBar.activeBackground#343A40
  • titleBar.activeForeground#F6F7F8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#343A40
  • titleBar.inactiveForeground#F6F7F860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B7B1A6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#6F767Dbold
storage.type, storage.modifier#6F767Ditalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#A7C7D9
string, punctuation.definition.string, string.template, meta.template.expression#7A8F6A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#EEF2F3
variable, variable.other.readwrite, variable.other.object#F6F7F8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F6F7F8
variable.parameter, meta.parameter#F6F7F8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F6F7F880
keyword.operator#F6F7F8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#7A8F6Abold
entity.other.inherited-class#A7C7D9
entity.name.tag, punctuation.definition.tag#6F767D
entity.other.attribute-name#A7C7D9
meta.diff, meta.diff.header#B7B1A6
markup.deleted#EEF2F3
markup.inserted#A7C7D9
markup.changed#7A8F6A
markup.heading, markup.heading.setext, punctuation.definition.heading#A7C7D9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#7A8F6A
string.other.link.title, string.other.link.description#A7C7D9
markup.underline.link#B7B1A6underline
punctuation.definition.list#6F767D
markup.quote, punctuation.definition.quote#B7B1A6italic