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#0B2D2D
  • activityBar.border#ffffff15
  • activityBar.foreground#B1E967
  • activityBar.inactiveForeground#f3f7f460
  • activityBarBadge.background#B1E967
  • activityBarBadge.foreground#0B2D2D
  • button.background#B1E967
  • button.foreground#0B2D2D
  • button.hoverBackground#B1E967dd
  • editor.background#0B2D2D
  • editor.foreground#f3f7f4
  • editor.inactiveSelectionBackground#C0EC793580
  • editor.lineHighlightBackground#00141440
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#C0EC7935
  • editorCursor.foreground#B1E967
  • editorGroupHeader.tabsBackground#0B2D2Ddd
  • editorLineNumber.activeForeground#B1E967
  • editorLineNumber.foreground#dce5df80
  • focusBorder#B1E967
  • foreground#f3f7f4
  • input.background#001414
  • input.border#ffffff15
  • input.foreground#f3f7f4
  • input.placeholderForeground#f3f7f460
  • list.activeSelectionBackground#B1E96730
  • list.activeSelectionForeground#f3f7f4
  • list.highlightForeground#B1E967
  • list.hoverBackground#00141440
  • list.hoverForeground#f3f7f4
  • list.inactiveSelectionBackground#B1E96715
  • list.inactiveSelectionForeground#f3f7f4
  • selection.background#C0EC7935
  • sideBar.background#001414
  • sideBar.border#ffffff15
  • sideBar.foreground#f3f7f4
  • sideBarSectionHeader.background#0B2D2D80
  • sideBarSectionHeader.foreground#f3f7f4
  • sideBarTitle.foreground#B1E967
  • statusBar.background#0B2D2D
  • statusBar.border#ffffff15
  • statusBar.foreground#f3f7f4
  • statusBar.noFolderBackground#0B2D2D
  • tab.activeBackground#0B2D2D
  • tab.activeBorderTop#B1E967
  • tab.activeForeground#f3f7f4
  • tab.border#ffffff15
  • tab.inactiveBackground#00141460
  • tab.inactiveForeground#f3f7f480
  • terminal.ansiBlack#0B2D2D
  • terminal.ansiBlue#C0EC79
  • terminal.ansiCyan#55E4E7
  • terminal.ansiGreen#B1E967
  • terminal.ansiMagenta#DFF183
  • terminal.ansiRed#DFF183
  • terminal.ansiWhite#f3f7f4
  • terminal.ansiYellow#55E4E7
  • terminal.background#0B2D2D
  • terminal.foreground#f3f7f4
  • titleBar.activeBackground#0B2D2D
  • titleBar.activeForeground#f3f7f4
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0B2D2D
  • titleBar.inactiveForeground#f3f7f460
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#dce5dfitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#C0EC79bold
storage.type, storage.modifier#C0EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#B1E967
string, punctuation.definition.string, string.template, meta.template.expression#55E4E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#DFF183
variable, variable.other.readwrite, variable.other.object#f3f7f4
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f3f7f4
variable.parameter, meta.parameter#f3f7f4dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f3f7f480
keyword.operator#f3f7f4
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E4E7bold
entity.other.inherited-class#B1E967
entity.name.tag, punctuation.definition.tag#C0EC79
entity.other.attribute-name#B1E967
meta.diff, meta.diff.header#dce5df
markup.deleted#DFF183
markup.inserted#B1E967
markup.changed#55E4E7
markup.heading, markup.heading.setext, punctuation.definition.heading#B1E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E4E7
string.other.link.title, string.other.link.description#B1E967
markup.underline.link#dce5dfunderline
punctuation.definition.list#C0EC79
markup.quote, punctuation.definition.quote#dce5dfitalic