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#259340
  • activityBar.inactiveForeground#0E2E1A60
  • activityBarBadge.background#259340
  • activityBarBadge.foreground#FDFDFC
  • button.background#259340
  • button.foreground#FDFDFC
  • button.hoverBackground#259340dd
  • editor.background#FDFDFC
  • editor.foreground#0E2E1A
  • editor.inactiveSelectionBackground#8367212580
  • editor.lineHighlightBackground#F7F7F750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83672125
  • editorCursor.foreground#259340
  • editorGroupHeader.tabsBackground#F7F7F7aa
  • editorLineNumber.activeForeground#259340
  • editorLineNumber.foreground#E9E6D980
  • focusBorder#259340
  • foreground#0E2E1A
  • input.background#F7F7F7
  • input.border#00000015
  • input.foreground#0E2E1A
  • input.placeholderForeground#0E2E1A60
  • list.activeSelectionBackground#25934030
  • list.activeSelectionForeground#0E2E1A
  • list.highlightForeground#259340
  • list.hoverBackground#F7F7F740
  • list.hoverForeground#0E2E1A
  • list.inactiveSelectionBackground#25934015
  • list.inactiveSelectionForeground#0E2E1A
  • selection.background#83672125
  • sideBar.background#F7F7F7
  • sideBar.border#00000015
  • sideBar.foreground#0E2E1A
  • sideBarSectionHeader.background#F7F7F780
  • sideBarSectionHeader.foreground#0E2E1A
  • sideBarTitle.foreground#259340
  • statusBar.background#FDFDFC
  • statusBar.border#00000015
  • statusBar.foreground#0E2E1A
  • statusBar.noFolderBackground#FDFDFC
  • tab.activeBackground#FDFDFC
  • tab.activeBorderTop#259340
  • tab.activeForeground#0E2E1A
  • tab.border#00000015
  • tab.inactiveBackground#FDFDFC60
  • tab.inactiveForeground#0E2E1A80
  • terminal.ansiBlack#0E2E1A
  • terminal.ansiBlue#836721
  • terminal.ansiCyan#A38329
  • terminal.ansiGreen#259340
  • terminal.ansiMagenta#4F7619
  • terminal.ansiRed#4F7619
  • terminal.ansiWhite#0E2E1A
  • terminal.ansiYellow#A38329
  • terminal.background#FDFDFC
  • terminal.foreground#0E2E1A
  • titleBar.activeBackground#FDFDFC
  • titleBar.activeForeground#0E2E1A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFDFC
  • titleBar.inactiveForeground#0E2E1A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E9E6D9italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#836721bold
storage.type, storage.modifier#836721italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#259340
string, punctuation.definition.string, string.template, meta.template.expression#A38329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#4F7619
variable, variable.other.readwrite, variable.other.object#0E2E1A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0E2E1A
variable.parameter, meta.parameter#0E2E1Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0E2E1A80
keyword.operator#0E2E1A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A38329bold
entity.other.inherited-class#259340
entity.name.tag, punctuation.definition.tag#836721
entity.other.attribute-name#259340
meta.diff, meta.diff.header#E9E6D9
markup.deleted#4F7619
markup.inserted#259340
markup.changed#A38329
markup.heading, markup.heading.setext, punctuation.definition.heading#259340bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A38329
string.other.link.title, string.other.link.description#259340
markup.underline.link#E9E6D9underline
punctuation.definition.list#836721
markup.quote, punctuation.definition.quote#E9E6D9italic