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#93255F
  • activityBar.inactiveForeground#0D182A60
  • activityBarBadge.background#93255F
  • activityBarBadge.foreground#FBFCFE
  • button.background#93255F
  • button.foreground#FBFCFE
  • button.hoverBackground#93255Fdd
  • editor.background#FBFCFE
  • editor.foreground#0D182A
  • editor.inactiveSelectionBackground#2162832580
  • editor.lineHighlightBackground#FDF1F550
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21628325
  • editorCursor.foreground#93255F
  • editorGroupHeader.tabsBackground#FDF1F5aa
  • editorLineNumber.activeForeground#93255F
  • editorLineNumber.foreground#687C9380
  • focusBorder#93255F
  • foreground#0D182A
  • input.background#FDF1F5
  • input.border#00000015
  • input.foreground#0D182A
  • input.placeholderForeground#0D182A60
  • list.activeSelectionBackground#93255F30
  • list.activeSelectionForeground#0D182A
  • list.highlightForeground#93255F
  • list.hoverBackground#FDF1F540
  • list.hoverForeground#0D182A
  • list.inactiveSelectionBackground#93255F15
  • list.inactiveSelectionForeground#0D182A
  • selection.background#21628325
  • sideBar.background#FDF1F5
  • sideBar.border#00000015
  • sideBar.foreground#0D182A
  • sideBarSectionHeader.background#FDF1F580
  • sideBarSectionHeader.foreground#0D182A
  • sideBarTitle.foreground#93255F
  • statusBar.background#FBFCFE
  • statusBar.border#00000015
  • statusBar.foreground#0D182A
  • statusBar.noFolderBackground#FBFCFE
  • tab.activeBackground#FBFCFE
  • tab.activeBorderTop#93255F
  • tab.activeForeground#0D182A
  • tab.border#00000015
  • tab.inactiveBackground#FBFCFE60
  • tab.inactiveForeground#0D182A80
  • terminal.ansiBlack#0D182A
  • terminal.ansiBlue#216283
  • terminal.ansiCyan#2974A3
  • terminal.ansiGreen#93255F
  • terminal.ansiMagenta#761919
  • terminal.ansiRed#761919
  • terminal.ansiWhite#0D182A
  • terminal.ansiYellow#2974A3
  • terminal.background#FBFCFE
  • terminal.foreground#0D182A
  • titleBar.activeBackground#FBFCFE
  • titleBar.activeForeground#0D182A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FBFCFE
  • titleBar.inactiveForeground#0D182A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#687C93italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#216283bold
storage.type, storage.modifier#216283italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#93255F
string, punctuation.definition.string, string.template, meta.template.expression#2974A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#761919
variable, variable.other.readwrite, variable.other.object#0D182A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0D182A
variable.parameter, meta.parameter#0D182Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0D182A80
keyword.operator#0D182A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2974A3bold
entity.other.inherited-class#93255F
entity.name.tag, punctuation.definition.tag#216283
entity.other.attribute-name#93255F
meta.diff, meta.diff.header#687C93
markup.deleted#761919
markup.inserted#93255F
markup.changed#2974A3
markup.heading, markup.heading.setext, punctuation.definition.heading#93255Fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2974A3
string.other.link.title, string.other.link.description#93255F
markup.underline.link#687C93underline
punctuation.definition.list#216283
markup.quote, punctuation.definition.quote#687C93italic