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#F5F3EA
  • activityBar.border#00000015
  • activityBar.foreground#2A308F
  • activityBar.inactiveForeground#151A2C60
  • activityBarBadge.background#2A308F
  • activityBarBadge.foreground#F5F3EA
  • button.background#2A308F
  • button.foreground#F5F3EA
  • button.hoverBackground#2A308Fdd
  • editor.background#F5F3EA
  • editor.foreground#151A2C
  • editor.inactiveSelectionBackground#93A8C82580
  • editor.lineHighlightBackground#FCFAF350
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#93A8C825
  • editorCursor.foreground#2A308F
  • editorGroupHeader.tabsBackground#FCFAF3aa
  • editorLineNumber.activeForeground#2A308F
  • editorLineNumber.foreground#B9B5A780
  • focusBorder#2A308F
  • foreground#151A2C
  • input.background#FCFAF3
  • input.border#00000015
  • input.foreground#151A2C
  • input.placeholderForeground#151A2C60
  • list.activeSelectionBackground#2A308F30
  • list.activeSelectionForeground#151A2C
  • list.highlightForeground#2A308F
  • list.hoverBackground#FCFAF340
  • list.hoverForeground#151A2C
  • list.inactiveSelectionBackground#2A308F15
  • list.inactiveSelectionForeground#151A2C
  • selection.background#93A8C825
  • sideBar.background#FCFAF3
  • sideBar.border#00000015
  • sideBar.foreground#151A2C
  • sideBarSectionHeader.background#FCFAF380
  • sideBarSectionHeader.foreground#151A2C
  • sideBarTitle.foreground#2A308F
  • statusBar.background#F5F3EA
  • statusBar.border#00000015
  • statusBar.foreground#151A2C
  • statusBar.noFolderBackground#F5F3EA
  • tab.activeBackground#F5F3EA
  • tab.activeBorderTop#2A308F
  • tab.activeForeground#151A2C
  • tab.border#00000015
  • tab.inactiveBackground#F5F3EA60
  • tab.inactiveForeground#151A2C80
  • terminal.ansiBlack#151A2C
  • terminal.ansiBlue#93A8C8
  • terminal.ansiCyan#E6DAA6
  • terminal.ansiGreen#2A308F
  • terminal.ansiMagenta#C9A85E
  • terminal.ansiRed#C9A85E
  • terminal.ansiWhite#151A2C
  • terminal.ansiYellow#E6DAA6
  • terminal.background#F5F3EA
  • terminal.foreground#151A2C
  • titleBar.activeBackground#F5F3EA
  • titleBar.activeForeground#151A2C
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F5F3EA
  • titleBar.inactiveForeground#151A2C60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B9B5A7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#93A8C8bold
storage.type, storage.modifier#93A8C8italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#2A308F
string, punctuation.definition.string, string.template, meta.template.expression#E6DAA6
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C9A85E
variable, variable.other.readwrite, variable.other.object#151A2C
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#151A2C
variable.parameter, meta.parameter#151A2Cdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#151A2C80
keyword.operator#151A2C
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E6DAA6bold
entity.other.inherited-class#2A308F
entity.name.tag, punctuation.definition.tag#93A8C8
entity.other.attribute-name#2A308F
meta.diff, meta.diff.header#B9B5A7
markup.deleted#C9A85E
markup.inserted#2A308F
markup.changed#E6DAA6
markup.heading, markup.heading.setext, punctuation.definition.heading#2A308Fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E6DAA6
string.other.link.title, string.other.link.description#2A308F
markup.underline.link#B9B5A7underline
punctuation.definition.list#93A8C8
markup.quote, punctuation.definition.quote#B9B5A7italic