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#FDFDFC
  • activityBar.border#00000015
  • activityBar.foreground#25933B
  • activityBar.inactiveForeground#1f2c2a60
  • activityBarBadge.background#25933B
  • activityBarBadge.foreground#FDFDFC
  • button.background#25933B
  • button.foreground#FDFDFC
  • button.hoverBackground#25933Bdd
  • editor.background#FDFDFC
  • editor.foreground#1f2c2a
  • editor.inactiveSelectionBackground#8362212580
  • editor.lineHighlightBackground#E9F2EE50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83622125
  • editorCursor.foreground#25933B
  • editorGroupHeader.tabsBackground#E9F2EEaa
  • editorLineNumber.activeForeground#25933B
  • editorLineNumber.foreground#fffaf080
  • focusBorder#25933B
  • foreground#1f2c2a
  • input.background#E9F2EE
  • input.border#00000015
  • input.foreground#1f2c2a
  • input.placeholderForeground#1f2c2a60
  • list.activeSelectionBackground#25933B30
  • list.activeSelectionForeground#1f2c2a
  • list.highlightForeground#25933B
  • list.hoverBackground#E9F2EE40
  • list.hoverForeground#1f2c2a
  • list.inactiveSelectionBackground#25933B15
  • list.inactiveSelectionForeground#1f2c2a
  • selection.background#83622125
  • sideBar.background#E9F2EE
  • sideBar.border#00000015
  • sideBar.foreground#1f2c2a
  • sideBarSectionHeader.background#E9F2EE80
  • sideBarSectionHeader.foreground#1f2c2a
  • sideBarTitle.foreground#25933B
  • statusBar.background#FDFDFC
  • statusBar.border#00000015
  • statusBar.foreground#1f2c2a
  • statusBar.noFolderBackground#FDFDFC
  • tab.activeBackground#FDFDFC
  • tab.activeBorderTop#25933B
  • tab.activeForeground#1f2c2a
  • tab.border#00000015
  • tab.inactiveBackground#FDFDFC60
  • tab.inactiveForeground#1f2c2a80
  • terminal.ansiBlack#1f2c2a
  • terminal.ansiBlue#836221
  • terminal.ansiCyan#A38129
  • terminal.ansiGreen#25933B
  • terminal.ansiMagenta#197669
  • terminal.ansiRed#197669
  • terminal.ansiWhite#1f2c2a
  • terminal.ansiYellow#A38129
  • terminal.background#FDFDFC
  • terminal.foreground#1f2c2a
  • titleBar.activeBackground#FDFDFC
  • titleBar.activeForeground#1f2c2a
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFDFC
  • titleBar.inactiveForeground#1f2c2a60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#fffaf0italic
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#25933B
string, punctuation.definition.string, string.template, meta.template.expression#A38129
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#197669
variable, variable.other.readwrite, variable.other.object#1f2c2a
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1f2c2a
variable.parameter, meta.parameter#1f2c2additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1f2c2a80
keyword.operator#1f2c2a
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A38129bold
entity.other.inherited-class#25933B
entity.name.tag, punctuation.definition.tag#836221
entity.other.attribute-name#25933B
meta.diff, meta.diff.header#fffaf0
markup.deleted#197669
markup.inserted#25933B
markup.changed#A38129
markup.heading, markup.heading.setext, punctuation.definition.heading#25933Bbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A38129
string.other.link.title, string.other.link.description#25933B
markup.underline.link#fffaf0underline
punctuation.definition.list#836221
markup.quote, punctuation.definition.quote#fffaf0italic