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#163c2c
  • activityBar.border#ffffff15
  • activityBar.foreground#0f7a4a
  • activityBar.inactiveForeground#f3fbf560
  • activityBarBadge.background#0f7a4a
  • activityBarBadge.foreground#163c2c
  • button.background#0f7a4a
  • button.foreground#163c2c
  • button.hoverBackground#0f7a4add
  • editor.background#163c2c
  • editor.foreground#f3fbf5
  • editor.inactiveSelectionBackground#72c99b3580
  • editor.lineHighlightBackground#111c1740
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#72c99b35
  • editorCursor.foreground#0f7a4a
  • editorGroupHeader.tabsBackground#163c2cdd
  • editorLineNumber.activeForeground#0f7a4a
  • editorLineNumber.foreground#a6d8bd80
  • focusBorder#0f7a4a
  • foreground#f3fbf5
  • input.background#111c17
  • input.border#ffffff15
  • input.foreground#f3fbf5
  • input.placeholderForeground#f3fbf560
  • list.activeSelectionBackground#0f7a4a30
  • list.activeSelectionForeground#f3fbf5
  • list.highlightForeground#0f7a4a
  • list.hoverBackground#111c1740
  • list.hoverForeground#f3fbf5
  • list.inactiveSelectionBackground#0f7a4a15
  • list.inactiveSelectionForeground#f3fbf5
  • selection.background#72c99b35
  • sideBar.background#111c17
  • sideBar.border#ffffff15
  • sideBar.foreground#f3fbf5
  • sideBarSectionHeader.background#163c2c80
  • sideBarSectionHeader.foreground#f3fbf5
  • sideBarTitle.foreground#0f7a4a
  • statusBar.background#163c2c
  • statusBar.border#ffffff15
  • statusBar.foreground#f3fbf5
  • statusBar.noFolderBackground#163c2c
  • tab.activeBackground#163c2c
  • tab.activeBorderTop#0f7a4a
  • tab.activeForeground#f3fbf5
  • tab.border#ffffff15
  • tab.inactiveBackground#111c1760
  • tab.inactiveForeground#f3fbf580
  • terminal.ansiBlack#163c2c
  • terminal.ansiBlue#72c99b
  • terminal.ansiCyan#b56d3c
  • terminal.ansiGreen#0f7a4a
  • terminal.ansiMagenta#9ee6bb
  • terminal.ansiRed#9ee6bb
  • terminal.ansiWhite#f3fbf5
  • terminal.ansiYellow#b56d3c
  • terminal.background#163c2c
  • terminal.foreground#f3fbf5
  • titleBar.activeBackground#163c2c
  • titleBar.activeForeground#f3fbf5
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#163c2c
  • titleBar.inactiveForeground#f3fbf560
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a6d8bditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#72c99bbold
storage.type, storage.modifier#72c99bitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#0f7a4a
string, punctuation.definition.string, string.template, meta.template.expression#b56d3c
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#9ee6bb
variable, variable.other.readwrite, variable.other.object#f3fbf5
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f3fbf5
variable.parameter, meta.parameter#f3fbf5dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f3fbf580
keyword.operator#f3fbf5
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#b56d3cbold
entity.other.inherited-class#0f7a4a
entity.name.tag, punctuation.definition.tag#72c99b
entity.other.attribute-name#0f7a4a
meta.diff, meta.diff.header#a6d8bd
markup.deleted#9ee6bb
markup.inserted#0f7a4a
markup.changed#b56d3c
markup.heading, markup.heading.setext, punctuation.definition.heading#0f7a4abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#b56d3c
string.other.link.title, string.other.link.description#0f7a4a
markup.underline.link#a6d8bdunderline
punctuation.definition.list#72c99b
markup.quote, punctuation.definition.quote#a6d8bditalic
Morphous Theme by Ameyanagi - VS Code Theme