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#1B5F64
  • activityBar.border#ffffff15
  • activityBar.foreground#8CE967
  • activityBar.inactiveForeground#f6faf960
  • activityBarBadge.background#8CE967
  • activityBarBadge.foreground#1B5F64
  • button.background#8CE967
  • button.foreground#1B5F64
  • button.hoverBackground#8CE967dd
  • editor.background#1B5F64
  • editor.foreground#f6faf9
  • editor.inactiveSelectionBackground#9879EC3580
  • editor.lineHighlightBackground#06151840
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#9879EC35
  • editorCursor.foreground#8CE967
  • editorGroupHeader.tabsBackground#1B5F64dd
  • editorLineNumber.activeForeground#8CE967
  • editorLineNumber.foreground#ede8e080
  • focusBorder#8CE967
  • foreground#f6faf9
  • input.background#061518
  • input.border#ffffff15
  • input.foreground#f6faf9
  • input.placeholderForeground#f6faf960
  • list.activeSelectionBackground#8CE96730
  • list.activeSelectionForeground#f6faf9
  • list.highlightForeground#8CE967
  • list.hoverBackground#06151840
  • list.hoverForeground#f6faf9
  • list.inactiveSelectionBackground#8CE96715
  • list.inactiveSelectionForeground#f6faf9
  • selection.background#9879EC35
  • sideBar.background#061518
  • sideBar.border#ffffff15
  • sideBar.foreground#f6faf9
  • sideBarSectionHeader.background#1B5F6480
  • sideBarSectionHeader.foreground#f6faf9
  • sideBarTitle.foreground#8CE967
  • statusBar.background#1B5F64
  • statusBar.border#ffffff15
  • statusBar.foreground#f6faf9
  • statusBar.noFolderBackground#1B5F64
  • tab.activeBackground#1B5F64
  • tab.activeBorderTop#8CE967
  • tab.activeForeground#f6faf9
  • tab.border#ffffff15
  • tab.inactiveBackground#06151860
  • tab.inactiveForeground#f6faf980
  • terminal.ansiBlack#1B5F64
  • terminal.ansiBlue#9879EC
  • terminal.ansiCyan#7555E7
  • terminal.ansiGreen#8CE967
  • terminal.ansiMagenta#F19583
  • terminal.ansiRed#F19583
  • terminal.ansiWhite#f6faf9
  • terminal.ansiYellow#7555E7
  • terminal.background#1B5F64
  • terminal.foreground#f6faf9
  • titleBar.activeBackground#1B5F64
  • titleBar.activeForeground#f6faf9
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1B5F64
  • titleBar.inactiveForeground#f6faf960
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#ede8e0italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#9879ECbold
storage.type, storage.modifier#9879ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#8CE967
string, punctuation.definition.string, string.template, meta.template.expression#7555E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F19583
variable, variable.other.readwrite, variable.other.object#f6faf9
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f6faf9
variable.parameter, meta.parameter#f6faf9dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f6faf980
keyword.operator#f6faf9
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#7555E7bold
entity.other.inherited-class#8CE967
entity.name.tag, punctuation.definition.tag#9879EC
entity.other.attribute-name#8CE967
meta.diff, meta.diff.header#ede8e0
markup.deleted#F19583
markup.inserted#8CE967
markup.changed#7555E7
markup.heading, markup.heading.setext, punctuation.definition.heading#8CE967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#7555E7
string.other.link.title, string.other.link.description#8CE967
markup.underline.link#ede8e0underline
punctuation.definition.list#9879EC
markup.quote, punctuation.definition.quote#ede8e0italic