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#FEFDFB
  • activityBar.border#00000015
  • activityBar.foreground#259193
  • activityBar.inactiveForeground#23211c60
  • activityBarBadge.background#259193
  • activityBarBadge.foreground#FEFDFB
  • button.background#259193
  • button.foreground#FEFDFB
  • button.hoverBackground#259193dd
  • editor.background#FEFDFB
  • editor.foreground#23211c
  • editor.inactiveSelectionBackground#834D212580
  • editor.lineHighlightBackground#E3F2EF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#834D2125
  • editorCursor.foreground#259193
  • editorGroupHeader.tabsBackground#E3F2EFaa
  • editorLineNumber.activeForeground#259193
  • editorLineNumber.foreground#7f8f7880
  • focusBorder#259193
  • foreground#23211c
  • input.background#E3F2EF
  • input.border#00000015
  • input.foreground#23211c
  • input.placeholderForeground#23211c60
  • list.activeSelectionBackground#25919330
  • list.activeSelectionForeground#23211c
  • list.highlightForeground#259193
  • list.hoverBackground#E3F2EF40
  • list.hoverForeground#23211c
  • list.inactiveSelectionBackground#25919315
  • list.inactiveSelectionForeground#23211c
  • selection.background#834D2125
  • sideBar.background#E3F2EF
  • sideBar.border#00000015
  • sideBar.foreground#23211c
  • sideBarSectionHeader.background#E3F2EF80
  • sideBarSectionHeader.foreground#23211c
  • sideBarTitle.foreground#259193
  • statusBar.background#FEFDFB
  • statusBar.border#00000015
  • statusBar.foreground#23211c
  • statusBar.noFolderBackground#FEFDFB
  • tab.activeBackground#FEFDFB
  • tab.activeBorderTop#259193
  • tab.activeForeground#23211c
  • tab.border#00000015
  • tab.inactiveBackground#FEFDFB60
  • tab.inactiveForeground#23211c80
  • terminal.ansiBlack#23211c
  • terminal.ansiBlue#834D21
  • terminal.ansiCyan#A37A29
  • terminal.ansiGreen#259193
  • terminal.ansiMagenta#197376
  • terminal.ansiRed#197376
  • terminal.ansiWhite#23211c
  • terminal.ansiYellow#A37A29
  • terminal.background#FEFDFB
  • terminal.foreground#23211c
  • titleBar.activeBackground#FEFDFB
  • titleBar.activeForeground#23211c
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FEFDFB
  • titleBar.inactiveForeground#23211c60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7f8f78italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#834D21bold
storage.type, storage.modifier#834D21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#259193
string, punctuation.definition.string, string.template, meta.template.expression#A37A29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#197376
variable, variable.other.readwrite, variable.other.object#23211c
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#23211c
variable.parameter, meta.parameter#23211cdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#23211c80
keyword.operator#23211c
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A37A29bold
entity.other.inherited-class#259193
entity.name.tag, punctuation.definition.tag#834D21
entity.other.attribute-name#259193
meta.diff, meta.diff.header#7f8f78
markup.deleted#197376
markup.inserted#259193
markup.changed#A37A29
markup.heading, markup.heading.setext, punctuation.definition.heading#259193bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37A29
string.other.link.title, string.other.link.description#259193
markup.underline.link#7f8f78underline
punctuation.definition.list#834D21
markup.quote, punctuation.definition.quote#7f8f78italic
Morphous Theme by Ameyanagi - VS Code Theme