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#faf6ef
  • activityBar.border#00000015
  • activityBar.foreground#1e58ff
  • activityBar.inactiveForeground#0d0d0f60
  • activityBarBadge.background#1e58ff
  • activityBarBadge.foreground#faf6ef
  • button.background#1e58ff
  • button.foreground#faf6ef
  • button.hoverBackground#1e58ffdd
  • editor.background#faf6ef
  • editor.foreground#0d0d0f
  • editor.inactiveSelectionBackground#3fa36a2580
  • editor.lineHighlightBackground#d9e2d250
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#3fa36a25
  • editorCursor.foreground#1e58ff
  • editorGroupHeader.tabsBackground#d9e2d2aa
  • editorLineNumber.activeForeground#1e58ff
  • editorLineNumber.foreground#2a303680
  • focusBorder#1e58ff
  • foreground#0d0d0f
  • input.background#d9e2d2
  • input.border#00000015
  • input.foreground#0d0d0f
  • input.placeholderForeground#0d0d0f60
  • list.activeSelectionBackground#1e58ff30
  • list.activeSelectionForeground#0d0d0f
  • list.highlightForeground#1e58ff
  • list.hoverBackground#d9e2d240
  • list.hoverForeground#0d0d0f
  • list.inactiveSelectionBackground#1e58ff15
  • list.inactiveSelectionForeground#0d0d0f
  • selection.background#3fa36a25
  • sideBar.background#d9e2d2
  • sideBar.border#00000015
  • sideBar.foreground#0d0d0f
  • sideBarSectionHeader.background#d9e2d280
  • sideBarSectionHeader.foreground#0d0d0f
  • sideBarTitle.foreground#1e58ff
  • statusBar.background#faf6ef
  • statusBar.border#00000015
  • statusBar.foreground#0d0d0f
  • statusBar.noFolderBackground#faf6ef
  • tab.activeBackground#faf6ef
  • tab.activeBorderTop#1e58ff
  • tab.activeForeground#0d0d0f
  • tab.border#00000015
  • tab.inactiveBackground#faf6ef60
  • tab.inactiveForeground#0d0d0f80
  • terminal.ansiBlack#0d0d0f
  • terminal.ansiBlue#3fa36a
  • terminal.ansiCyan#4ccbff
  • terminal.ansiGreen#1e58ff
  • terminal.ansiMagenta#f5f2e8
  • terminal.ansiRed#f5f2e8
  • terminal.ansiWhite#0d0d0f
  • terminal.ansiYellow#4ccbff
  • terminal.background#faf6ef
  • terminal.foreground#0d0d0f
  • titleBar.activeBackground#faf6ef
  • titleBar.activeForeground#0d0d0f
  • titleBar.border#00000015
  • titleBar.inactiveBackground#faf6ef
  • titleBar.inactiveForeground#0d0d0f60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#2a3036italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#3fa36abold
storage.type, storage.modifier#3fa36aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#1e58ff
string, punctuation.definition.string, string.template, meta.template.expression#4ccbff
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#f5f2e8
variable, variable.other.readwrite, variable.other.object#0d0d0f
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0d0d0f
variable.parameter, meta.parameter#0d0d0fdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0d0d0f80
keyword.operator#0d0d0f
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#4ccbffbold
entity.other.inherited-class#1e58ff
entity.name.tag, punctuation.definition.tag#3fa36a
entity.other.attribute-name#1e58ff
meta.diff, meta.diff.header#2a3036
markup.deleted#f5f2e8
markup.inserted#1e58ff
markup.changed#4ccbff
markup.heading, markup.heading.setext, punctuation.definition.heading#1e58ffbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#4ccbff
string.other.link.title, string.other.link.description#1e58ff
markup.underline.link#2a3036underline
punctuation.definition.list#3fa36a
markup.quote, punctuation.definition.quote#2a3036italic