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#06261D
  • activityBar.border#ffffff15
  • activityBar.foreground#0E7A44
  • activityBar.inactiveForeground#F6FAF760
  • activityBarBadge.background#0E7A44
  • activityBarBadge.foreground#06261D
  • button.background#0E7A44
  • button.foreground#06261D
  • button.hoverBackground#0E7A44dd
  • editor.background#06261D
  • editor.foreground#F6FAF7
  • editor.inactiveSelectionBackground#C9DB243580
  • editor.lineHighlightBackground#072E2240
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#C9DB2435
  • editorCursor.foreground#0E7A44
  • editorGroupHeader.tabsBackground#06261Ddd
  • editorLineNumber.activeForeground#0E7A44
  • editorLineNumber.foreground#D9E6DC80
  • focusBorder#0E7A44
  • foreground#F6FAF7
  • input.background#072E22
  • input.border#ffffff15
  • input.foreground#F6FAF7
  • input.placeholderForeground#F6FAF760
  • list.activeSelectionBackground#0E7A4430
  • list.activeSelectionForeground#F6FAF7
  • list.highlightForeground#0E7A44
  • list.hoverBackground#072E2240
  • list.hoverForeground#F6FAF7
  • list.inactiveSelectionBackground#0E7A4415
  • list.inactiveSelectionForeground#F6FAF7
  • selection.background#C9DB2435
  • sideBar.background#072E22
  • sideBar.border#ffffff15
  • sideBar.foreground#F6FAF7
  • sideBarSectionHeader.background#06261D80
  • sideBarSectionHeader.foreground#F6FAF7
  • sideBarTitle.foreground#0E7A44
  • statusBar.background#06261D
  • statusBar.border#ffffff15
  • statusBar.foreground#F6FAF7
  • statusBar.noFolderBackground#06261D
  • tab.activeBackground#06261D
  • tab.activeBorderTop#0E7A44
  • tab.activeForeground#F6FAF7
  • tab.border#ffffff15
  • tab.inactiveBackground#072E2260
  • tab.inactiveForeground#F6FAF780
  • terminal.ansiBlack#06261D
  • terminal.ansiBlue#C9DB24
  • terminal.ansiCyan#F2E168
  • terminal.ansiGreen#0E7A44
  • terminal.ansiMagenta#8A5A2B
  • terminal.ansiRed#8A5A2B
  • terminal.ansiWhite#F6FAF7
  • terminal.ansiYellow#F2E168
  • terminal.background#06261D
  • terminal.foreground#F6FAF7
  • titleBar.activeBackground#06261D
  • titleBar.activeForeground#F6FAF7
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#06261D
  • titleBar.inactiveForeground#F6FAF760
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D9E6DCitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#C9DB24bold
storage.type, storage.modifier#C9DB24italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#0E7A44
string, punctuation.definition.string, string.template, meta.template.expression#F2E168
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#8A5A2B
variable, variable.other.readwrite, variable.other.object#F6FAF7
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F6FAF7
variable.parameter, meta.parameter#F6FAF7dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F6FAF780
keyword.operator#F6FAF7
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#F2E168bold
entity.other.inherited-class#0E7A44
entity.name.tag, punctuation.definition.tag#C9DB24
entity.other.attribute-name#0E7A44
meta.diff, meta.diff.header#D9E6DC
markup.deleted#8A5A2B
markup.inserted#0E7A44
markup.changed#F2E168
markup.heading, markup.heading.setext, punctuation.definition.heading#0E7A44bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#F2E168
string.other.link.title, string.other.link.description#0E7A44
markup.underline.link#D9E6DCunderline
punctuation.definition.list#C9DB24
markup.quote, punctuation.definition.quote#D9E6DCitalic
Morphous Theme by Ameyanagi - VS Code Theme