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#0F1A24
  • activityBar.border#ffffff15
  • activityBar.foreground#67B7E9
  • activityBar.inactiveForeground#f3f0e660
  • activityBarBadge.background#67B7E9
  • activityBarBadge.foreground#0F1A24
  • button.background#67B7E9
  • button.foreground#0F1A24
  • button.hoverBackground#67B7E9dd
  • editor.background#0F1A24
  • editor.foreground#f3f0e6
  • editor.inactiveSelectionBackground#ECC9793580
  • editor.lineHighlightBackground#1D282F40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC97935
  • editorCursor.foreground#67B7E9
  • editorGroupHeader.tabsBackground#0F1A24dd
  • editorLineNumber.activeForeground#67B7E9
  • editorLineNumber.foreground#d8d0bd80
  • focusBorder#67B7E9
  • foreground#f3f0e6
  • input.background#1D282F
  • input.border#ffffff15
  • input.foreground#f3f0e6
  • input.placeholderForeground#f3f0e660
  • list.activeSelectionBackground#67B7E930
  • list.activeSelectionForeground#f3f0e6
  • list.highlightForeground#67B7E9
  • list.hoverBackground#1D282F40
  • list.hoverForeground#f3f0e6
  • list.inactiveSelectionBackground#67B7E915
  • list.inactiveSelectionForeground#f3f0e6
  • selection.background#ECC97935
  • sideBar.background#1D282F
  • sideBar.border#ffffff15
  • sideBar.foreground#f3f0e6
  • sideBarSectionHeader.background#0F1A2480
  • sideBarSectionHeader.foreground#f3f0e6
  • sideBarTitle.foreground#67B7E9
  • statusBar.background#0F1A24
  • statusBar.border#ffffff15
  • statusBar.foreground#f3f0e6
  • statusBar.noFolderBackground#0F1A24
  • tab.activeBackground#0F1A24
  • tab.activeBorderTop#67B7E9
  • tab.activeForeground#f3f0e6
  • tab.border#ffffff15
  • tab.inactiveBackground#1D282F60
  • tab.inactiveForeground#f3f0e680
  • terminal.ansiBlack#0F1A24
  • terminal.ansiBlue#ECC979
  • terminal.ansiCyan#55D6E7
  • terminal.ansiGreen#67B7E9
  • terminal.ansiMagenta#F1A283
  • terminal.ansiRed#F1A283
  • terminal.ansiWhite#f3f0e6
  • terminal.ansiYellow#55D6E7
  • terminal.background#0F1A24
  • terminal.foreground#f3f0e6
  • titleBar.activeBackground#0F1A24
  • titleBar.activeForeground#f3f0e6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0F1A24
  • titleBar.inactiveForeground#f3f0e660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d8d0bditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECC979bold
storage.type, storage.modifier#ECC979italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67B7E9
string, punctuation.definition.string, string.template, meta.template.expression#55D6E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1A283
variable, variable.other.readwrite, variable.other.object#f3f0e6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f3f0e6
variable.parameter, meta.parameter#f3f0e6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f3f0e680
keyword.operator#f3f0e6
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#67B7E9
entity.name.tag, punctuation.definition.tag#ECC979
entity.other.attribute-name#67B7E9
meta.diff, meta.diff.header#d8d0bd
markup.deleted#F1A283
markup.inserted#67B7E9
markup.changed#55D6E7
markup.heading, markup.heading.setext, punctuation.definition.heading#67B7E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55D6E7
string.other.link.title, string.other.link.description#67B7E9
markup.underline.link#d8d0bdunderline
punctuation.definition.list#ECC979
markup.quote, punctuation.definition.quote#d8d0bditalic