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#6A9325
  • activityBar.inactiveForeground#1A1A1A60
  • activityBarBadge.background#6A9325
  • activityBarBadge.foreground#FDFDFC
  • button.background#6A9325
  • button.foreground#FDFDFC
  • button.hoverBackground#6A9325dd
  • editor.background#FDFDFC
  • editor.foreground#1A1A1A
  • editor.inactiveSelectionBackground#835B212580
  • editor.lineHighlightBackground#F7F7F750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#835B2125
  • editorCursor.foreground#6A9325
  • editorGroupHeader.tabsBackground#F7F7F7aa
  • editorLineNumber.activeForeground#6A9325
  • editorLineNumber.foreground#B7C1B180
  • focusBorder#6A9325
  • foreground#1A1A1A
  • input.background#F7F7F7
  • input.border#00000015
  • input.foreground#1A1A1A
  • input.placeholderForeground#1A1A1A60
  • list.activeSelectionBackground#6A932530
  • list.activeSelectionForeground#1A1A1A
  • list.highlightForeground#6A9325
  • list.hoverBackground#F7F7F740
  • list.hoverForeground#1A1A1A
  • list.inactiveSelectionBackground#6A932515
  • list.inactiveSelectionForeground#1A1A1A
  • selection.background#835B2125
  • sideBar.background#F7F7F7
  • sideBar.border#00000015
  • sideBar.foreground#1A1A1A
  • sideBarSectionHeader.background#F7F7F780
  • sideBarSectionHeader.foreground#1A1A1A
  • sideBarTitle.foreground#6A9325
  • statusBar.background#FDFDFC
  • statusBar.border#00000015
  • statusBar.foreground#1A1A1A
  • statusBar.noFolderBackground#FDFDFC
  • tab.activeBackground#FDFDFC
  • tab.activeBorderTop#6A9325
  • tab.activeForeground#1A1A1A
  • tab.border#00000015
  • tab.inactiveBackground#FDFDFC60
  • tab.inactiveForeground#1A1A1A80
  • terminal.ansiBlack#1A1A1A
  • terminal.ansiBlue#835B21
  • terminal.ansiCyan#A37229
  • terminal.ansiGreen#6A9325
  • terminal.ansiMagenta#764019
  • terminal.ansiRed#764019
  • terminal.ansiWhite#1A1A1A
  • terminal.ansiYellow#A37229
  • terminal.background#FDFDFC
  • terminal.foreground#1A1A1A
  • titleBar.activeBackground#FDFDFC
  • titleBar.activeForeground#1A1A1A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFDFC
  • titleBar.inactiveForeground#1A1A1A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B7C1B1italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#835B21bold
storage.type, storage.modifier#835B21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6A9325
string, punctuation.definition.string, string.template, meta.template.expression#A37229
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#764019
variable, variable.other.readwrite, variable.other.object#1A1A1A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1A1A1A
variable.parameter, meta.parameter#1A1A1Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1A1A1A80
keyword.operator#1A1A1A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A37229bold
entity.other.inherited-class#6A9325
entity.name.tag, punctuation.definition.tag#835B21
entity.other.attribute-name#6A9325
meta.diff, meta.diff.header#B7C1B1
markup.deleted#764019
markup.inserted#6A9325
markup.changed#A37229
markup.heading, markup.heading.setext, punctuation.definition.heading#6A9325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37229
string.other.link.title, string.other.link.description#6A9325
markup.underline.link#B7C1B1underline
punctuation.definition.list#835B21
markup.quote, punctuation.definition.quote#B7C1B1italic