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#040605
  • activityBar.border#ffffff15
  • activityBar.foreground#67E9CB
  • activityBar.inactiveForeground#FAFBF760
  • activityBarBadge.background#67E9CB
  • activityBarBadge.foreground#040605
  • button.background#67E9CB
  • button.foreground#040605
  • button.hoverBackground#67E9CBdd
  • editor.background#040605
  • editor.foreground#FAFBF7
  • editor.inactiveSelectionBackground#A7EC793580
  • editor.lineHighlightBackground#0C130D40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#A7EC7935
  • editorCursor.foreground#67E9CB
  • editorGroupHeader.tabsBackground#040605dd
  • editorLineNumber.activeForeground#67E9CB
  • editorLineNumber.foreground#DCE8D680
  • focusBorder#67E9CB
  • foreground#FAFBF7
  • input.background#0C130D
  • input.border#ffffff15
  • input.foreground#FAFBF7
  • input.placeholderForeground#FAFBF760
  • list.activeSelectionBackground#67E9CB30
  • list.activeSelectionForeground#FAFBF7
  • list.highlightForeground#67E9CB
  • list.hoverBackground#0C130D40
  • list.hoverForeground#FAFBF7
  • list.inactiveSelectionBackground#67E9CB15
  • list.inactiveSelectionForeground#FAFBF7
  • selection.background#A7EC7935
  • sideBar.background#0C130D
  • sideBar.border#ffffff15
  • sideBar.foreground#FAFBF7
  • sideBarSectionHeader.background#04060580
  • sideBarSectionHeader.foreground#FAFBF7
  • sideBarTitle.foreground#67E9CB
  • statusBar.background#040605
  • statusBar.border#ffffff15
  • statusBar.foreground#FAFBF7
  • statusBar.noFolderBackground#040605
  • tab.activeBackground#040605
  • tab.activeBorderTop#67E9CB
  • tab.activeForeground#FAFBF7
  • tab.border#ffffff15
  • tab.inactiveBackground#0C130D60
  • tab.inactiveForeground#FAFBF780
  • terminal.ansiBlack#040605
  • terminal.ansiBlue#A7EC79
  • terminal.ansiCyan#55E7DB
  • terminal.ansiGreen#67E9CB
  • terminal.ansiMagenta#F1C783
  • terminal.ansiRed#F1C783
  • terminal.ansiWhite#FAFBF7
  • terminal.ansiYellow#55E7DB
  • terminal.background#040605
  • terminal.foreground#FAFBF7
  • titleBar.activeBackground#040605
  • titleBar.activeForeground#FAFBF7
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#040605
  • titleBar.inactiveForeground#FAFBF760
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#DCE8D6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#A7EC79bold
storage.type, storage.modifier#A7EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9CB
string, punctuation.definition.string, string.template, meta.template.expression#55E7DB
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1C783
variable, variable.other.readwrite, variable.other.object#FAFBF7
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FAFBF7
variable.parameter, meta.parameter#FAFBF7dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FAFBF780
keyword.operator#FAFBF7
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E7DBbold
entity.other.inherited-class#67E9CB
entity.name.tag, punctuation.definition.tag#A7EC79
entity.other.attribute-name#67E9CB
meta.diff, meta.diff.header#DCE8D6
markup.deleted#F1C783
markup.inserted#67E9CB
markup.changed#55E7DB
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9CBbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E7DB
string.other.link.title, string.other.link.description#67E9CB
markup.underline.link#DCE8D6underline
punctuation.definition.list#A7EC79
markup.quote, punctuation.definition.quote#DCE8D6italic
Morphous Theme by Ameyanagi - VS Code Theme