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#0D1428
  • activityBar.border#ffffff15
  • activityBar.foreground#EAB7BC
  • activityBar.inactiveForeground#F7F4F060
  • activityBarBadge.background#EAB7BC
  • activityBarBadge.foreground#0D1428
  • button.background#EAB7BC
  • button.foreground#0D1428
  • button.hoverBackground#EAB7BCdd
  • editor.background#0D1428
  • editor.foreground#F7F4F0
  • editor.inactiveSelectionBackground#D99AA53580
  • editor.lineHighlightBackground#12183540
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#D99AA535
  • editorCursor.foreground#EAB7BC
  • editorGroupHeader.tabsBackground#0D1428dd
  • editorLineNumber.activeForeground#EAB7BC
  • editorLineNumber.foreground#DCE4EA80
  • focusBorder#EAB7BC
  • foreground#F7F4F0
  • input.background#121835
  • input.border#ffffff15
  • input.foreground#F7F4F0
  • input.placeholderForeground#F7F4F060
  • list.activeSelectionBackground#EAB7BC30
  • list.activeSelectionForeground#F7F4F0
  • list.highlightForeground#EAB7BC
  • list.hoverBackground#12183540
  • list.hoverForeground#F7F4F0
  • list.inactiveSelectionBackground#EAB7BC15
  • list.inactiveSelectionForeground#F7F4F0
  • selection.background#D99AA535
  • sideBar.background#121835
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F4F0
  • sideBarSectionHeader.background#0D142880
  • sideBarSectionHeader.foreground#F7F4F0
  • sideBarTitle.foreground#EAB7BC
  • statusBar.background#0D1428
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F4F0
  • statusBar.noFolderBackground#0D1428
  • tab.activeBackground#0D1428
  • tab.activeBorderTop#EAB7BC
  • tab.activeForeground#F7F4F0
  • tab.border#ffffff15
  • tab.inactiveBackground#12183560
  • tab.inactiveForeground#F7F4F080
  • terminal.ansiBlack#0D1428
  • terminal.ansiBlue#D99AA5
  • terminal.ansiCyan#7DA7AD
  • terminal.ansiGreen#EAB7BC
  • terminal.ansiMagenta#C96F7A
  • terminal.ansiRed#C96F7A
  • terminal.ansiWhite#F7F4F0
  • terminal.ansiYellow#7DA7AD
  • terminal.background#0D1428
  • terminal.foreground#F7F4F0
  • titleBar.activeBackground#0D1428
  • titleBar.activeForeground#F7F4F0
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0D1428
  • titleBar.inactiveForeground#F7F4F060
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#DCE4EAitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#D99AA5bold
storage.type, storage.modifier#D99AA5italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#EAB7BC
string, punctuation.definition.string, string.template, meta.template.expression#7DA7AD
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C96F7A
variable, variable.other.readwrite, variable.other.object#F7F4F0
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F4F0
variable.parameter, meta.parameter#F7F4F0dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F4F080
keyword.operator#F7F4F0
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#7DA7ADbold
entity.other.inherited-class#EAB7BC
entity.name.tag, punctuation.definition.tag#D99AA5
entity.other.attribute-name#EAB7BC
meta.diff, meta.diff.header#DCE4EA
markup.deleted#C96F7A
markup.inserted#EAB7BC
markup.changed#7DA7AD
markup.heading, markup.heading.setext, punctuation.definition.heading#EAB7BCbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#7DA7AD
string.other.link.title, string.other.link.description#EAB7BC
markup.underline.link#DCE4EAunderline
punctuation.definition.list#D99AA5
markup.quote, punctuation.definition.quote#DCE4EAitalic
Morphous Theme by Ameyanagi - VS Code Theme