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#0D0F12
  • activityBar.border#ffffff15
  • activityBar.foreground#67CFE9
  • activityBar.inactiveForeground#fbfcfd60
  • activityBarBadge.background#67CFE9
  • activityBarBadge.foreground#0D0F12
  • button.background#67CFE9
  • button.foreground#0D0F12
  • button.hoverBackground#67CFE9dd
  • editor.background#0D0F12
  • editor.foreground#fbfcfd
  • editor.inactiveSelectionBackground#79B8EC3580
  • editor.lineHighlightBackground#1A1C1F40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79B8EC35
  • editorCursor.foreground#67CFE9
  • editorGroupHeader.tabsBackground#0D0F12dd
  • editorLineNumber.activeForeground#67CFE9
  • editorLineNumber.foreground#e8edf180
  • focusBorder#67CFE9
  • foreground#fbfcfd
  • input.background#1A1C1F
  • input.border#ffffff15
  • input.foreground#fbfcfd
  • input.placeholderForeground#fbfcfd60
  • list.activeSelectionBackground#67CFE930
  • list.activeSelectionForeground#fbfcfd
  • list.highlightForeground#67CFE9
  • list.hoverBackground#1A1C1F40
  • list.hoverForeground#fbfcfd
  • list.inactiveSelectionBackground#67CFE915
  • list.inactiveSelectionForeground#fbfcfd
  • selection.background#79B8EC35
  • sideBar.background#1A1C1F
  • sideBar.border#ffffff15
  • sideBar.foreground#fbfcfd
  • sideBarSectionHeader.background#0D0F1280
  • sideBarSectionHeader.foreground#fbfcfd
  • sideBarTitle.foreground#67CFE9
  • statusBar.background#0D0F12
  • statusBar.border#ffffff15
  • statusBar.foreground#fbfcfd
  • statusBar.noFolderBackground#0D0F12
  • tab.activeBackground#0D0F12
  • tab.activeBorderTop#67CFE9
  • tab.activeForeground#fbfcfd
  • tab.border#ffffff15
  • tab.inactiveBackground#1A1C1F60
  • tab.inactiveForeground#fbfcfd80
  • terminal.ansiBlack#0D0F12
  • terminal.ansiBlue#79B8EC
  • terminal.ansiCyan#E75586
  • terminal.ansiGreen#67CFE9
  • terminal.ansiMagenta#F1D683
  • terminal.ansiRed#F1D683
  • terminal.ansiWhite#fbfcfd
  • terminal.ansiYellow#E75586
  • terminal.background#0D0F12
  • terminal.foreground#fbfcfd
  • titleBar.activeBackground#0D0F12
  • titleBar.activeForeground#fbfcfd
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0D0F12
  • titleBar.inactiveForeground#fbfcfd60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#e8edf1italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79B8ECbold
storage.type, storage.modifier#79B8ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67CFE9
string, punctuation.definition.string, string.template, meta.template.expression#E75586
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D683
variable, variable.other.readwrite, variable.other.object#fbfcfd
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fbfcfd
variable.parameter, meta.parameter#fbfcfddditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fbfcfd80
keyword.operator#fbfcfd
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E75586bold
entity.other.inherited-class#67CFE9
entity.name.tag, punctuation.definition.tag#79B8EC
entity.other.attribute-name#67CFE9
meta.diff, meta.diff.header#e8edf1
markup.deleted#F1D683
markup.inserted#67CFE9
markup.changed#E75586
markup.heading, markup.heading.setext, punctuation.definition.heading#67CFE9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E75586
string.other.link.title, string.other.link.description#67CFE9
markup.underline.link#e8edf1underline
punctuation.definition.list#79B8EC
markup.quote, punctuation.definition.quote#e8edf1italic