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#111914
  • activityBar.border#ffffff15
  • activityBar.foreground#006b45
  • activityBar.inactiveForeground#fbf7ec60
  • activityBarBadge.background#006b45
  • activityBarBadge.foreground#111914
  • button.background#006b45
  • button.foreground#111914
  • button.hoverBackground#006b45dd
  • editor.background#111914
  • editor.foreground#fbf7ec
  • editor.inactiveSelectionBackground#00a86b3580
  • editor.lineHighlightBackground#080c0a40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#00a86b35
  • editorCursor.foreground#006b45
  • editorGroupHeader.tabsBackground#111914dd
  • editorLineNumber.activeForeground#006b45
  • editorLineNumber.foreground#28302c80
  • focusBorder#006b45
  • foreground#fbf7ec
  • input.background#080c0a
  • input.border#ffffff15
  • input.foreground#fbf7ec
  • input.placeholderForeground#fbf7ec60
  • list.activeSelectionBackground#006b4530
  • list.activeSelectionForeground#fbf7ec
  • list.highlightForeground#006b45
  • list.hoverBackground#080c0a40
  • list.hoverForeground#fbf7ec
  • list.inactiveSelectionBackground#006b4515
  • list.inactiveSelectionForeground#fbf7ec
  • selection.background#00a86b35
  • sideBar.background#080c0a
  • sideBar.border#ffffff15
  • sideBar.foreground#fbf7ec
  • sideBarSectionHeader.background#11191480
  • sideBarSectionHeader.foreground#fbf7ec
  • sideBarTitle.foreground#006b45
  • statusBar.background#111914
  • statusBar.border#ffffff15
  • statusBar.foreground#fbf7ec
  • statusBar.noFolderBackground#111914
  • tab.activeBackground#111914
  • tab.activeBorderTop#006b45
  • tab.activeForeground#fbf7ec
  • tab.border#ffffff15
  • tab.inactiveBackground#080c0a60
  • tab.inactiveForeground#fbf7ec80
  • terminal.ansiBlack#111914
  • terminal.ansiBlue#00a86b
  • terminal.ansiCyan#8fdcc2
  • terminal.ansiGreen#006b45
  • terminal.ansiMagenta#f1e5c8
  • terminal.ansiRed#f1e5c8
  • terminal.ansiWhite#fbf7ec
  • terminal.ansiYellow#8fdcc2
  • terminal.background#111914
  • terminal.foreground#fbf7ec
  • titleBar.activeBackground#111914
  • titleBar.activeForeground#fbf7ec
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#111914
  • titleBar.inactiveForeground#fbf7ec60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#28302citalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#00a86bbold
storage.type, storage.modifier#00a86bitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#006b45
string, punctuation.definition.string, string.template, meta.template.expression#8fdcc2
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#f1e5c8
variable, variable.other.readwrite, variable.other.object#fbf7ec
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fbf7ec
variable.parameter, meta.parameter#fbf7ecdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fbf7ec80
keyword.operator#fbf7ec
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8fdcc2bold
entity.other.inherited-class#006b45
entity.name.tag, punctuation.definition.tag#00a86b
entity.other.attribute-name#006b45
meta.diff, meta.diff.header#28302c
markup.deleted#f1e5c8
markup.inserted#006b45
markup.changed#8fdcc2
markup.heading, markup.heading.setext, punctuation.definition.heading#006b45bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8fdcc2
string.other.link.title, string.other.link.description#006b45
markup.underline.link#28302cunderline
punctuation.definition.list#00a86b
markup.quote, punctuation.definition.quote#28302citalic
Morphous Theme by Ameyanagi - VS Code Theme