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#070A0D
  • activityBar.border#ffffff15
  • activityBar.foreground#67E9E9
  • activityBar.inactiveForeground#F4F6F760
  • activityBarBadge.background#67E9E9
  • activityBarBadge.foreground#070A0D
  • button.background#67E9E9
  • button.foreground#070A0D
  • button.hoverBackground#67E9E9dd
  • editor.background#070A0D
  • editor.foreground#F4F6F7
  • editor.inactiveSelectionBackground#79C8EC3580
  • editor.lineHighlightBackground#11121340
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79C8EC35
  • editorCursor.foreground#67E9E9
  • editorGroupHeader.tabsBackground#070A0Ddd
  • editorLineNumber.activeForeground#67E9E9
  • editorLineNumber.foreground#D9DEE280
  • focusBorder#67E9E9
  • foreground#F4F6F7
  • input.background#111213
  • input.border#ffffff15
  • input.foreground#F4F6F7
  • input.placeholderForeground#F4F6F760
  • list.activeSelectionBackground#67E9E930
  • list.activeSelectionForeground#F4F6F7
  • list.highlightForeground#67E9E9
  • list.hoverBackground#11121340
  • list.hoverForeground#F4F6F7
  • list.inactiveSelectionBackground#67E9E915
  • list.inactiveSelectionForeground#F4F6F7
  • selection.background#79C8EC35
  • sideBar.background#111213
  • sideBar.border#ffffff15
  • sideBar.foreground#F4F6F7
  • sideBarSectionHeader.background#070A0D80
  • sideBarSectionHeader.foreground#F4F6F7
  • sideBarTitle.foreground#67E9E9
  • statusBar.background#070A0D
  • statusBar.border#ffffff15
  • statusBar.foreground#F4F6F7
  • statusBar.noFolderBackground#070A0D
  • tab.activeBackground#070A0D
  • tab.activeBorderTop#67E9E9
  • tab.activeForeground#F4F6F7
  • tab.border#ffffff15
  • tab.inactiveBackground#11121360
  • tab.inactiveForeground#F4F6F780
  • terminal.ansiBlack#070A0D
  • terminal.ansiBlue#79C8EC
  • terminal.ansiCyan#8DE755
  • terminal.ansiGreen#67E9E9
  • terminal.ansiMagenta#F1D083
  • terminal.ansiRed#F1D083
  • terminal.ansiWhite#F4F6F7
  • terminal.ansiYellow#8DE755
  • terminal.background#070A0D
  • terminal.foreground#F4F6F7
  • titleBar.activeBackground#070A0D
  • titleBar.activeForeground#F4F6F7
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#070A0D
  • titleBar.inactiveForeground#F4F6F760
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D9DEE2italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79C8ECbold
storage.type, storage.modifier#79C8ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9E9
string, punctuation.definition.string, string.template, meta.template.expression#8DE755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D083
variable, variable.other.readwrite, variable.other.object#F4F6F7
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F4F6F7
variable.parameter, meta.parameter#F4F6F7dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F4F6F780
keyword.operator#F4F6F7
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8DE755bold
entity.other.inherited-class#67E9E9
entity.name.tag, punctuation.definition.tag#79C8EC
entity.other.attribute-name#67E9E9
meta.diff, meta.diff.header#D9DEE2
markup.deleted#F1D083
markup.inserted#67E9E9
markup.changed#8DE755
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8DE755
string.other.link.title, string.other.link.description#67E9E9
markup.underline.link#D9DEE2underline
punctuation.definition.list#79C8EC
markup.quote, punctuation.definition.quote#D9DEE2italic