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#0A1F33
  • activityBar.border#ffffff15
  • activityBar.foreground#00A9B4
  • activityBar.inactiveForeground#F7F8FD60
  • activityBarBadge.background#00A9B4
  • activityBarBadge.foreground#0A1F33
  • button.background#00A9B4
  • button.foreground#0A1F33
  • button.hoverBackground#00A9B4dd
  • editor.background#0A1F33
  • editor.foreground#F7F8FD
  • editor.inactiveSelectionBackground#FFD23C3580
  • editor.lineHighlightBackground#0A1F3340
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#FFD23C35
  • editorCursor.foreground#00A9B4
  • editorGroupHeader.tabsBackground#0A1F33dd
  • editorLineNumber.activeForeground#00A9B4
  • editorLineNumber.foreground#E6F1F780
  • focusBorder#00A9B4
  • foreground#F7F8FD
  • input.background#0A1F33
  • input.border#ffffff15
  • input.foreground#F7F8FD
  • input.placeholderForeground#F7F8FD60
  • list.activeSelectionBackground#00A9B430
  • list.activeSelectionForeground#F7F8FD
  • list.highlightForeground#00A9B4
  • list.hoverBackground#0A1F3340
  • list.hoverForeground#F7F8FD
  • list.inactiveSelectionBackground#00A9B415
  • list.inactiveSelectionForeground#F7F8FD
  • selection.background#FFD23C35
  • sideBar.background#0A1F33
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F8FD
  • sideBarSectionHeader.background#0A1F3380
  • sideBarSectionHeader.foreground#F7F8FD
  • sideBarTitle.foreground#00A9B4
  • statusBar.background#0A1F33
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F8FD
  • statusBar.noFolderBackground#0A1F33
  • tab.activeBackground#0A1F33
  • tab.activeBorderTop#00A9B4
  • tab.activeForeground#F7F8FD
  • tab.border#ffffff15
  • tab.inactiveBackground#0A1F3360
  • tab.inactiveForeground#F7F8FD80
  • terminal.ansiBlack#0A1F33
  • terminal.ansiBlue#FFD23C
  • terminal.ansiCyan#8CE22A
  • terminal.ansiGreen#00A9B4
  • terminal.ansiMagenta#0057FF
  • terminal.ansiRed#0057FF
  • terminal.ansiWhite#F7F8FD
  • terminal.ansiYellow#8CE22A
  • terminal.background#0A1F33
  • terminal.foreground#F7F8FD
  • titleBar.activeBackground#0A1F33
  • titleBar.activeForeground#F7F8FD
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0A1F33
  • titleBar.inactiveForeground#F7F8FD60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E6F1F7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#FFD23Cbold
storage.type, storage.modifier#FFD23Citalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#00A9B4
string, punctuation.definition.string, string.template, meta.template.expression#8CE22A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#0057FF
variable, variable.other.readwrite, variable.other.object#F7F8FD
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F8FD
variable.parameter, meta.parameter#F7F8FDdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F8FD80
keyword.operator#F7F8FD
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8CE22Abold
entity.other.inherited-class#00A9B4
entity.name.tag, punctuation.definition.tag#FFD23C
entity.other.attribute-name#00A9B4
meta.diff, meta.diff.header#E6F1F7
markup.deleted#0057FF
markup.inserted#00A9B4
markup.changed#8CE22A
markup.heading, markup.heading.setext, punctuation.definition.heading#00A9B4bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8CE22A
string.other.link.title, string.other.link.description#00A9B4
markup.underline.link#E6F1F7underline
punctuation.definition.list#FFD23C
markup.quote, punctuation.definition.quote#E6F1F7italic
Morphous Theme by Ameyanagi - VS Code Theme