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#FAFAF2
  • activityBar.border#00000015
  • activityBar.foreground#FFD23F
  • activityBar.inactiveForeground#121A1460
  • activityBarBadge.background#FFD23F
  • activityBarBadge.foreground#FAFAF2
  • button.background#FFD23F
  • button.foreground#FAFAF2
  • button.hoverBackground#FFD23Fdd
  • editor.background#FAFAF2
  • editor.foreground#121A14
  • editor.inactiveSelectionBackground#78A62E2580
  • editor.lineHighlightBackground#FFF6E150
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#78A62E25
  • editorCursor.foreground#FFD23F
  • editorGroupHeader.tabsBackground#FFF6E1aa
  • editorLineNumber.activeForeground#FFD23F
  • editorLineNumber.foreground#F1F5F280
  • focusBorder#FFD23F
  • foreground#121A14
  • input.background#FFF6E1
  • input.border#00000015
  • input.foreground#121A14
  • input.placeholderForeground#121A1460
  • list.activeSelectionBackground#FFD23F30
  • list.activeSelectionForeground#121A14
  • list.highlightForeground#FFD23F
  • list.hoverBackground#FFF6E140
  • list.hoverForeground#121A14
  • list.inactiveSelectionBackground#FFD23F15
  • list.inactiveSelectionForeground#121A14
  • selection.background#78A62E25
  • sideBar.background#FFF6E1
  • sideBar.border#00000015
  • sideBar.foreground#121A14
  • sideBarSectionHeader.background#FFF6E180
  • sideBarSectionHeader.foreground#121A14
  • sideBarTitle.foreground#FFD23F
  • statusBar.background#FAFAF2
  • statusBar.border#00000015
  • statusBar.foreground#121A14
  • statusBar.noFolderBackground#FAFAF2
  • tab.activeBackground#FAFAF2
  • tab.activeBorderTop#FFD23F
  • tab.activeForeground#121A14
  • tab.border#00000015
  • tab.inactiveBackground#FAFAF260
  • tab.inactiveForeground#121A1480
  • terminal.ansiBlack#121A14
  • terminal.ansiBlue#78A62E
  • terminal.ansiCyan#2E7D32
  • terminal.ansiGreen#FFD23F
  • terminal.ansiMagenta#C9E17A
  • terminal.ansiRed#C9E17A
  • terminal.ansiWhite#121A14
  • terminal.ansiYellow#2E7D32
  • terminal.background#FAFAF2
  • terminal.foreground#121A14
  • titleBar.activeBackground#FAFAF2
  • titleBar.activeForeground#121A14
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAFAF2
  • titleBar.inactiveForeground#121A1460
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#F1F5F2italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#78A62Ebold
storage.type, storage.modifier#78A62Eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#FFD23F
string, punctuation.definition.string, string.template, meta.template.expression#2E7D32
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C9E17A
variable, variable.other.readwrite, variable.other.object#121A14
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#121A14
variable.parameter, meta.parameter#121A14dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#121A1480
keyword.operator#121A14
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2E7D32bold
entity.other.inherited-class#FFD23F
entity.name.tag, punctuation.definition.tag#78A62E
entity.other.attribute-name#FFD23F
meta.diff, meta.diff.header#F1F5F2
markup.deleted#C9E17A
markup.inserted#FFD23F
markup.changed#2E7D32
markup.heading, markup.heading.setext, punctuation.definition.heading#FFD23Fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2E7D32
string.other.link.title, string.other.link.description#FFD23F
markup.underline.link#F1F5F2underline
punctuation.definition.list#78A62E
markup.quote, punctuation.definition.quote#F1F5F2italic