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#f7f8fb
  • activityBar.border#00000015
  • activityBar.foreground#0d2b6f
  • activityBar.inactiveForeground#1b1f2660
  • activityBarBadge.background#0d2b6f
  • activityBarBadge.foreground#f7f8fb
  • button.background#0d2b6f
  • button.foreground#f7f8fb
  • button.hoverBackground#0d2b6fdd
  • editor.background#f7f8fb
  • editor.foreground#1b1f26
  • editor.inactiveSelectionBackground#1e4edb2580
  • editor.lineHighlightBackground#eae7df50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#1e4edb25
  • editorCursor.foreground#0d2b6f
  • editorGroupHeader.tabsBackground#eae7dfaa
  • editorLineNumber.activeForeground#0d2b6f
  • editorLineNumber.foreground#606a7880
  • focusBorder#0d2b6f
  • foreground#1b1f26
  • input.background#eae7df
  • input.border#00000015
  • input.foreground#1b1f26
  • input.placeholderForeground#1b1f2660
  • list.activeSelectionBackground#0d2b6f30
  • list.activeSelectionForeground#1b1f26
  • list.highlightForeground#0d2b6f
  • list.hoverBackground#eae7df40
  • list.hoverForeground#1b1f26
  • list.inactiveSelectionBackground#0d2b6f15
  • list.inactiveSelectionForeground#1b1f26
  • selection.background#1e4edb25
  • sideBar.background#eae7df
  • sideBar.border#00000015
  • sideBar.foreground#1b1f26
  • sideBarSectionHeader.background#eae7df80
  • sideBarSectionHeader.foreground#1b1f26
  • sideBarTitle.foreground#0d2b6f
  • statusBar.background#f7f8fb
  • statusBar.border#00000015
  • statusBar.foreground#1b1f26
  • statusBar.noFolderBackground#f7f8fb
  • tab.activeBackground#f7f8fb
  • tab.activeBorderTop#0d2b6f
  • tab.activeForeground#1b1f26
  • tab.border#00000015
  • tab.inactiveBackground#f7f8fb60
  • tab.inactiveForeground#1b1f2680
  • terminal.ansiBlack#1b1f26
  • terminal.ansiBlue#1e4edb
  • terminal.ansiCyan#0e8f6e
  • terminal.ansiGreen#0d2b6f
  • terminal.ansiMagenta#b87333
  • terminal.ansiRed#b87333
  • terminal.ansiWhite#1b1f26
  • terminal.ansiYellow#0e8f6e
  • terminal.background#f7f8fb
  • terminal.foreground#1b1f26
  • titleBar.activeBackground#f7f8fb
  • titleBar.activeForeground#1b1f26
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f7f8fb
  • titleBar.inactiveForeground#1b1f2660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#606a78italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#1e4edbbold
storage.type, storage.modifier#1e4edbitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#0d2b6f
string, punctuation.definition.string, string.template, meta.template.expression#0e8f6e
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#b87333
variable, variable.other.readwrite, variable.other.object#1b1f26
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1b1f26
variable.parameter, meta.parameter#1b1f26dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1b1f2680
keyword.operator#1b1f26
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#0e8f6ebold
entity.other.inherited-class#0d2b6f
entity.name.tag, punctuation.definition.tag#1e4edb
entity.other.attribute-name#0d2b6f
meta.diff, meta.diff.header#606a78
markup.deleted#b87333
markup.inserted#0d2b6f
markup.changed#0e8f6e
markup.heading, markup.heading.setext, punctuation.definition.heading#0d2b6fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#0e8f6e
string.other.link.title, string.other.link.description#0d2b6f
markup.underline.link#606a78underline
punctuation.definition.list#1e4edb
markup.quote, punctuation.definition.quote#606a78italic
Morphous Theme by Ameyanagi - VS Code Theme