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#FBFCFE
  • activityBar.border#00000015
  • activityBar.foreground#937625
  • activityBar.inactiveForeground#0e1a2460
  • activityBarBadge.background#937625
  • activityBarBadge.foreground#FBFCFE
  • button.background#937625
  • button.foreground#FBFCFE
  • button.hoverBackground#937625dd
  • editor.background#FBFCFE
  • editor.foreground#0e1a24
  • editor.inactiveSelectionBackground#8362212580
  • editor.lineHighlightBackground#F5F7FA50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83622125
  • editorCursor.foreground#937625
  • editorGroupHeader.tabsBackground#F5F7FAaa
  • editorLineNumber.activeForeground#937625
  • editorLineNumber.foreground#a6b1b780
  • focusBorder#937625
  • foreground#0e1a24
  • input.background#F5F7FA
  • input.border#00000015
  • input.foreground#0e1a24
  • input.placeholderForeground#0e1a2460
  • list.activeSelectionBackground#93762530
  • list.activeSelectionForeground#0e1a24
  • list.highlightForeground#937625
  • list.hoverBackground#F5F7FA40
  • list.hoverForeground#0e1a24
  • list.inactiveSelectionBackground#93762515
  • list.inactiveSelectionForeground#0e1a24
  • selection.background#83622125
  • sideBar.background#F5F7FA
  • sideBar.border#00000015
  • sideBar.foreground#0e1a24
  • sideBarSectionHeader.background#F5F7FA80
  • sideBarSectionHeader.foreground#0e1a24
  • sideBarTitle.foreground#937625
  • statusBar.background#FBFCFE
  • statusBar.border#00000015
  • statusBar.foreground#0e1a24
  • statusBar.noFolderBackground#FBFCFE
  • tab.activeBackground#FBFCFE
  • tab.activeBorderTop#937625
  • tab.activeForeground#0e1a24
  • tab.border#00000015
  • tab.inactiveBackground#FBFCFE60
  • tab.inactiveForeground#0e1a2480
  • terminal.ansiBlack#0e1a24
  • terminal.ansiBlue#836221
  • terminal.ansiCyan#296AA3
  • terminal.ansiGreen#937625
  • terminal.ansiMagenta#196376
  • terminal.ansiRed#196376
  • terminal.ansiWhite#0e1a24
  • terminal.ansiYellow#296AA3
  • terminal.background#FBFCFE
  • terminal.foreground#0e1a24
  • titleBar.activeBackground#FBFCFE
  • titleBar.activeForeground#0e1a24
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FBFCFE
  • titleBar.inactiveForeground#0e1a2460
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a6b1b7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#836221bold
storage.type, storage.modifier#836221italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#937625
string, punctuation.definition.string, string.template, meta.template.expression#296AA3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#196376
variable, variable.other.readwrite, variable.other.object#0e1a24
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0e1a24
variable.parameter, meta.parameter#0e1a24dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0e1a2480
keyword.operator#0e1a24
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#296AA3bold
entity.other.inherited-class#937625
entity.name.tag, punctuation.definition.tag#836221
entity.other.attribute-name#937625
meta.diff, meta.diff.header#a6b1b7
markup.deleted#196376
markup.inserted#937625
markup.changed#296AA3
markup.heading, markup.heading.setext, punctuation.definition.heading#937625bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#296AA3
string.other.link.title, string.other.link.description#937625
markup.underline.link#a6b1b7underline
punctuation.definition.list#836221
markup.quote, punctuation.definition.quote#a6b1b7italic