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#FCFDFC
  • activityBar.border#00000015
  • activityBar.foreground#25935A
  • activityBar.inactiveForeground#10201560
  • activityBarBadge.background#25935A
  • activityBarBadge.foreground#FCFDFC
  • button.background#25935A
  • button.foreground#FCFDFC
  • button.hoverBackground#25935Add
  • editor.background#FCFDFC
  • editor.foreground#102015
  • editor.inactiveSelectionBackground#21833E2580
  • editor.lineHighlightBackground#F7F8F650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21833E25
  • editorCursor.foreground#25935A
  • editorGroupHeader.tabsBackground#F7F8F6aa
  • editorLineNumber.activeForeground#25935A
  • editorLineNumber.foreground#D8DCD080
  • focusBorder#25935A
  • foreground#102015
  • input.background#F7F8F6
  • input.border#00000015
  • input.foreground#102015
  • input.placeholderForeground#10201560
  • list.activeSelectionBackground#25935A30
  • list.activeSelectionForeground#102015
  • list.highlightForeground#25935A
  • list.hoverBackground#F7F8F640
  • list.hoverForeground#102015
  • list.inactiveSelectionBackground#25935A15
  • list.inactiveSelectionForeground#102015
  • selection.background#21833E25
  • sideBar.background#F7F8F6
  • sideBar.border#00000015
  • sideBar.foreground#102015
  • sideBarSectionHeader.background#F7F8F680
  • sideBarSectionHeader.foreground#102015
  • sideBarTitle.foreground#25935A
  • statusBar.background#FCFDFC
  • statusBar.border#00000015
  • statusBar.foreground#102015
  • statusBar.noFolderBackground#FCFDFC
  • tab.activeBackground#FCFDFC
  • tab.activeBorderTop#25935A
  • tab.activeForeground#102015
  • tab.border#00000015
  • tab.inactiveBackground#FCFDFC60
  • tab.inactiveForeground#10201580
  • terminal.ansiBlack#102015
  • terminal.ansiBlue#21833E
  • terminal.ansiCyan#85A329
  • terminal.ansiGreen#25935A
  • terminal.ansiMagenta#19761E
  • terminal.ansiRed#19761E
  • terminal.ansiWhite#102015
  • terminal.ansiYellow#85A329
  • terminal.background#FCFDFC
  • terminal.foreground#102015
  • titleBar.activeBackground#FCFDFC
  • titleBar.activeForeground#102015
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFDFC
  • titleBar.inactiveForeground#10201560
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D8DCD0italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#21833Ebold
storage.type, storage.modifier#21833Eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#25935A
string, punctuation.definition.string, string.template, meta.template.expression#85A329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#19761E
variable, variable.other.readwrite, variable.other.object#102015
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#102015
variable.parameter, meta.parameter#102015dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#10201580
keyword.operator#102015
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#85A329bold
entity.other.inherited-class#25935A
entity.name.tag, punctuation.definition.tag#21833E
entity.other.attribute-name#25935A
meta.diff, meta.diff.header#D8DCD0
markup.deleted#19761E
markup.inserted#25935A
markup.changed#85A329
markup.heading, markup.heading.setext, punctuation.definition.heading#25935Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#85A329
string.other.link.title, string.other.link.description#25935A
markup.underline.link#D8DCD0underline
punctuation.definition.list#21833E
markup.quote, punctuation.definition.quote#D8DCD0italic
Morphous Theme by Ameyanagi - VS Code Theme