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#05150F
  • activityBar.border#ffffff15
  • activityBar.foreground#67E974
  • activityBar.inactiveForeground#F8FBF560
  • activityBarBadge.background#67E974
  • activityBarBadge.foreground#05150F
  • button.background#67E974
  • button.foreground#05150F
  • button.hoverBackground#67E974dd
  • editor.background#05150F
  • editor.foreground#F8FBF5
  • editor.inactiveSelectionBackground#C4EC793580
  • editor.lineHighlightBackground#070E0A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#C4EC7935
  • editorCursor.foreground#67E974
  • editorGroupHeader.tabsBackground#05150Fdd
  • editorLineNumber.activeForeground#67E974
  • editorLineNumber.foreground#D9EED680
  • focusBorder#67E974
  • foreground#F8FBF5
  • input.background#070E0A
  • input.border#ffffff15
  • input.foreground#F8FBF5
  • input.placeholderForeground#F8FBF560
  • list.activeSelectionBackground#67E97430
  • list.activeSelectionForeground#F8FBF5
  • list.highlightForeground#67E974
  • list.hoverBackground#070E0A40
  • list.hoverForeground#F8FBF5
  • list.inactiveSelectionBackground#67E97415
  • list.inactiveSelectionForeground#F8FBF5
  • selection.background#C4EC7935
  • sideBar.background#070E0A
  • sideBar.border#ffffff15
  • sideBar.foreground#F8FBF5
  • sideBarSectionHeader.background#05150F80
  • sideBarSectionHeader.foreground#F8FBF5
  • sideBarTitle.foreground#67E974
  • statusBar.background#05150F
  • statusBar.border#ffffff15
  • statusBar.foreground#F8FBF5
  • statusBar.noFolderBackground#05150F
  • tab.activeBackground#05150F
  • tab.activeBorderTop#67E974
  • tab.activeForeground#F8FBF5
  • tab.border#ffffff15
  • tab.inactiveBackground#070E0A60
  • tab.inactiveForeground#F8FBF580
  • terminal.ansiBlack#05150F
  • terminal.ansiBlue#C4EC79
  • terminal.ansiCyan#C0E755
  • terminal.ansiGreen#67E974
  • terminal.ansiMagenta#A6F183
  • terminal.ansiRed#A6F183
  • terminal.ansiWhite#F8FBF5
  • terminal.ansiYellow#C0E755
  • terminal.background#05150F
  • terminal.foreground#F8FBF5
  • titleBar.activeBackground#05150F
  • titleBar.activeForeground#F8FBF5
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#05150F
  • titleBar.inactiveForeground#F8FBF560
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D9EED6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#C4EC79bold
storage.type, storage.modifier#C4EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E974
string, punctuation.definition.string, string.template, meta.template.expression#C0E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#A6F183
variable, variable.other.readwrite, variable.other.object#F8FBF5
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F8FBF5
variable.parameter, meta.parameter#F8FBF5dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F8FBF580
keyword.operator#F8FBF5
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#C0E755bold
entity.other.inherited-class#67E974
entity.name.tag, punctuation.definition.tag#C4EC79
entity.other.attribute-name#67E974
meta.diff, meta.diff.header#D9EED6
markup.deleted#A6F183
markup.inserted#67E974
markup.changed#C0E755
markup.heading, markup.heading.setext, punctuation.definition.heading#67E974bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#C0E755
string.other.link.title, string.other.link.description#67E974
markup.underline.link#D9EED6underline
punctuation.definition.list#C4EC79
markup.quote, punctuation.definition.quote#D9EED6italic