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#dde6e1
  • activityBar.border#00000015
  • activityBar.foreground#0e6f74
  • activityBar.inactiveForeground#0a2a3660
  • activityBarBadge.background#0e6f74
  • activityBarBadge.foreground#dde6e1
  • button.background#0e6f74
  • button.foreground#dde6e1
  • button.hoverBackground#0e6f74dd
  • editor.background#dde6e1
  • editor.foreground#0a2a36
  • editor.inactiveSelectionBackground#5a44312580
  • editor.lineHighlightBackground#f2f4f150
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#5a443125
  • editorCursor.foreground#0e6f74
  • editorGroupHeader.tabsBackground#f2f4f1aa
  • editorLineNumber.activeForeground#0e6f74
  • editorLineNumber.foreground#8c817380
  • focusBorder#0e6f74
  • foreground#0a2a36
  • input.background#f2f4f1
  • input.border#00000015
  • input.foreground#0a2a36
  • input.placeholderForeground#0a2a3660
  • list.activeSelectionBackground#0e6f7430
  • list.activeSelectionForeground#0a2a36
  • list.highlightForeground#0e6f74
  • list.hoverBackground#f2f4f140
  • list.hoverForeground#0a2a36
  • list.inactiveSelectionBackground#0e6f7415
  • list.inactiveSelectionForeground#0a2a36
  • selection.background#5a443125
  • sideBar.background#f2f4f1
  • sideBar.border#00000015
  • sideBar.foreground#0a2a36
  • sideBarSectionHeader.background#f2f4f180
  • sideBarSectionHeader.foreground#0a2a36
  • sideBarTitle.foreground#0e6f74
  • statusBar.background#dde6e1
  • statusBar.border#00000015
  • statusBar.foreground#0a2a36
  • statusBar.noFolderBackground#dde6e1
  • tab.activeBackground#dde6e1
  • tab.activeBorderTop#0e6f74
  • tab.activeForeground#0a2a36
  • tab.border#00000015
  • tab.inactiveBackground#dde6e160
  • tab.inactiveForeground#0a2a3680
  • terminal.ansiBlack#0a2a36
  • terminal.ansiBlue#5a4431
  • terminal.ansiCyan#608f5a
  • terminal.ansiGreen#0e6f74
  • terminal.ansiMagenta#8ba86c
  • terminal.ansiRed#8ba86c
  • terminal.ansiWhite#0a2a36
  • terminal.ansiYellow#608f5a
  • terminal.background#dde6e1
  • terminal.foreground#0a2a36
  • titleBar.activeBackground#dde6e1
  • titleBar.activeForeground#0a2a36
  • titleBar.border#00000015
  • titleBar.inactiveBackground#dde6e1
  • titleBar.inactiveForeground#0a2a3660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8c8173italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#5a4431bold
storage.type, storage.modifier#5a4431italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#0e6f74
string, punctuation.definition.string, string.template, meta.template.expression#608f5a
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#8ba86c
variable, variable.other.readwrite, variable.other.object#0a2a36
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0a2a36
variable.parameter, meta.parameter#0a2a36dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0a2a3680
keyword.operator#0a2a36
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#608f5abold
entity.other.inherited-class#0e6f74
entity.name.tag, punctuation.definition.tag#5a4431
entity.other.attribute-name#0e6f74
meta.diff, meta.diff.header#8c8173
markup.deleted#8ba86c
markup.inserted#0e6f74
markup.changed#608f5a
markup.heading, markup.heading.setext, punctuation.definition.heading#0e6f74bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#608f5a
string.other.link.title, string.other.link.description#0e6f74
markup.underline.link#8c8173underline
punctuation.definition.list#5a4431
markup.quote, punctuation.definition.quote#8c8173italic
Morphous Theme by Ameyanagi - VS Code Theme