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#1D2B35
  • activityBar.border#ffffff15
  • activityBar.foreground#67BCE9
  • activityBar.inactiveForeground#f7fafb60
  • activityBarBadge.background#67BCE9
  • activityBarBadge.foreground#1D2B35
  • button.background#67BCE9
  • button.foreground#1D2B35
  • button.hoverBackground#67BCE9dd
  • editor.background#1D2B35
  • editor.foreground#f7fafb
  • editor.inactiveSelectionBackground#79C4EC3580
  • editor.lineHighlightBackground#11171D40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79C4EC35
  • editorCursor.foreground#67BCE9
  • editorGroupHeader.tabsBackground#1D2B35dd
  • editorLineNumber.activeForeground#67BCE9
  • editorLineNumber.foreground#8fa0aa80
  • focusBorder#67BCE9
  • foreground#f7fafb
  • input.background#11171D
  • input.border#ffffff15
  • input.foreground#f7fafb
  • input.placeholderForeground#f7fafb60
  • list.activeSelectionBackground#67BCE930
  • list.activeSelectionForeground#f7fafb
  • list.highlightForeground#67BCE9
  • list.hoverBackground#11171D40
  • list.hoverForeground#f7fafb
  • list.inactiveSelectionBackground#67BCE915
  • list.inactiveSelectionForeground#f7fafb
  • selection.background#79C4EC35
  • sideBar.background#11171D
  • sideBar.border#ffffff15
  • sideBar.foreground#f7fafb
  • sideBarSectionHeader.background#1D2B3580
  • sideBarSectionHeader.foreground#f7fafb
  • sideBarTitle.foreground#67BCE9
  • statusBar.background#1D2B35
  • statusBar.border#ffffff15
  • statusBar.foreground#f7fafb
  • statusBar.noFolderBackground#1D2B35
  • tab.activeBackground#1D2B35
  • tab.activeBorderTop#67BCE9
  • tab.activeForeground#f7fafb
  • tab.border#ffffff15
  • tab.inactiveBackground#11171D60
  • tab.inactiveForeground#f7fafb80
  • terminal.ansiBlack#1D2B35
  • terminal.ansiBlue#79C4EC
  • terminal.ansiCyan#55D6E7
  • terminal.ansiGreen#67BCE9
  • terminal.ansiMagenta#F1C583
  • terminal.ansiRed#F1C583
  • terminal.ansiWhite#f7fafb
  • terminal.ansiYellow#55D6E7
  • terminal.background#1D2B35
  • terminal.foreground#f7fafb
  • titleBar.activeBackground#1D2B35
  • titleBar.activeForeground#f7fafb
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1D2B35
  • titleBar.inactiveForeground#f7fafb60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8fa0aaitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79C4ECbold
storage.type, storage.modifier#79C4ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67BCE9
string, punctuation.definition.string, string.template, meta.template.expression#55D6E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1C583
variable, variable.other.readwrite, variable.other.object#f7fafb
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f7fafb
variable.parameter, meta.parameter#f7fafbdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f7fafb80
keyword.operator#f7fafb
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55D6E7bold
entity.other.inherited-class#67BCE9
entity.name.tag, punctuation.definition.tag#79C4EC
entity.other.attribute-name#67BCE9
meta.diff, meta.diff.header#8fa0aa
markup.deleted#F1C583
markup.inserted#67BCE9
markup.changed#55D6E7
markup.heading, markup.heading.setext, punctuation.definition.heading#67BCE9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55D6E7
string.other.link.title, string.other.link.description#67BCE9
markup.underline.link#8fa0aaunderline
punctuation.definition.list#79C4EC
markup.quote, punctuation.definition.quote#8fa0aaitalic