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#F9F8F6
  • activityBar.border#00000015
  • activityBar.foreground#259367
  • activityBar.inactiveForeground#0F1A1460
  • activityBarBadge.background#259367
  • activityBarBadge.foreground#F9F8F6
  • button.background#259367
  • button.foreground#F9F8F6
  • button.hoverBackground#259367dd
  • editor.background#F9F8F6
  • editor.foreground#0F1A14
  • editor.inactiveSelectionBackground#834E212580
  • editor.lineHighlightBackground#F9FAF450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#834E2125
  • editorCursor.foreground#259367
  • editorGroupHeader.tabsBackground#F9FAF4aa
  • editorLineNumber.activeForeground#259367
  • editorLineNumber.foreground#E6E4DC80
  • focusBorder#259367
  • foreground#0F1A14
  • input.background#F9FAF4
  • input.border#00000015
  • input.foreground#0F1A14
  • input.placeholderForeground#0F1A1460
  • list.activeSelectionBackground#25936730
  • list.activeSelectionForeground#0F1A14
  • list.highlightForeground#259367
  • list.hoverBackground#F9FAF440
  • list.hoverForeground#0F1A14
  • list.inactiveSelectionBackground#25936715
  • list.inactiveSelectionForeground#0F1A14
  • selection.background#834E2125
  • sideBar.background#F9FAF4
  • sideBar.border#00000015
  • sideBar.foreground#0F1A14
  • sideBarSectionHeader.background#F9FAF480
  • sideBarSectionHeader.foreground#0F1A14
  • sideBarTitle.foreground#259367
  • statusBar.background#F9F8F6
  • statusBar.border#00000015
  • statusBar.foreground#0F1A14
  • statusBar.noFolderBackground#F9F8F6
  • tab.activeBackground#F9F8F6
  • tab.activeBorderTop#259367
  • tab.activeForeground#0F1A14
  • tab.border#00000015
  • tab.inactiveBackground#F9F8F660
  • tab.inactiveForeground#0F1A1480
  • terminal.ansiBlack#0F1A14
  • terminal.ansiBlue#834E21
  • terminal.ansiCyan#A33129
  • terminal.ansiGreen#259367
  • terminal.ansiMagenta#761B19
  • terminal.ansiRed#761B19
  • terminal.ansiWhite#0F1A14
  • terminal.ansiYellow#A33129
  • terminal.background#F9F8F6
  • terminal.foreground#0F1A14
  • titleBar.activeBackground#F9F8F6
  • titleBar.activeForeground#0F1A14
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F9F8F6
  • titleBar.inactiveForeground#0F1A1460
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E6E4DCitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#834E21bold
storage.type, storage.modifier#834E21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#259367
string, punctuation.definition.string, string.template, meta.template.expression#A33129
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#761B19
variable, variable.other.readwrite, variable.other.object#0F1A14
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0F1A14
variable.parameter, meta.parameter#0F1A14dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0F1A1480
keyword.operator#0F1A14
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A33129bold
entity.other.inherited-class#259367
entity.name.tag, punctuation.definition.tag#834E21
entity.other.attribute-name#259367
meta.diff, meta.diff.header#E6E4DC
markup.deleted#761B19
markup.inserted#259367
markup.changed#A33129
markup.heading, markup.heading.setext, punctuation.definition.heading#259367bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A33129
string.other.link.title, string.other.link.description#259367
markup.underline.link#E6E4DCunderline
punctuation.definition.list#834E21
markup.quote, punctuation.definition.quote#E6E4DCitalic