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#0f1c18
  • activityBar.border#ffffff15
  • activityBar.foreground#4e7650
  • activityBar.inactiveForeground#f7f6ed60
  • activityBarBadge.background#4e7650
  • activityBarBadge.foreground#0f1c18
  • button.background#4e7650
  • button.foreground#0f1c18
  • button.hoverBackground#4e7650dd
  • editor.background#0f1c18
  • editor.foreground#f7f6ed
  • editor.inactiveSelectionBackground#d8d9a43580
  • editor.lineHighlightBackground#17231d40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#d8d9a435
  • editorCursor.foreground#4e7650
  • editorGroupHeader.tabsBackground#0f1c18dd
  • editorLineNumber.activeForeground#4e7650
  • editorLineNumber.foreground#6c805c80
  • focusBorder#4e7650
  • foreground#f7f6ed
  • input.background#17231d
  • input.border#ffffff15
  • input.foreground#f7f6ed
  • input.placeholderForeground#f7f6ed60
  • list.activeSelectionBackground#4e765030
  • list.activeSelectionForeground#f7f6ed
  • list.highlightForeground#4e7650
  • list.hoverBackground#17231d40
  • list.hoverForeground#f7f6ed
  • list.inactiveSelectionBackground#4e765015
  • list.inactiveSelectionForeground#f7f6ed
  • selection.background#d8d9a435
  • sideBar.background#17231d
  • sideBar.border#ffffff15
  • sideBar.foreground#f7f6ed
  • sideBarSectionHeader.background#0f1c1880
  • sideBarSectionHeader.foreground#f7f6ed
  • sideBarTitle.foreground#4e7650
  • statusBar.background#0f1c18
  • statusBar.border#ffffff15
  • statusBar.foreground#f7f6ed
  • statusBar.noFolderBackground#0f1c18
  • tab.activeBackground#0f1c18
  • tab.activeBorderTop#4e7650
  • tab.activeForeground#f7f6ed
  • tab.border#ffffff15
  • tab.inactiveBackground#17231d60
  • tab.inactiveForeground#f7f6ed80
  • terminal.ansiBlack#0f1c18
  • terminal.ansiBlue#d8d9a4
  • terminal.ansiCyan#d8d9a4
  • terminal.ansiGreen#4e7650
  • terminal.ansiMagenta#8ba95e
  • terminal.ansiRed#8ba95e
  • terminal.ansiWhite#f7f6ed
  • terminal.ansiYellow#d8d9a4
  • terminal.background#0f1c18
  • terminal.foreground#f7f6ed
  • titleBar.activeBackground#0f1c18
  • titleBar.activeForeground#f7f6ed
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0f1c18
  • titleBar.inactiveForeground#f7f6ed60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6c805citalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#d8d9a4bold
storage.type, storage.modifier#d8d9a4italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#4e7650
string, punctuation.definition.string, string.template, meta.template.expression#d8d9a4
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#8ba95e
variable, variable.other.readwrite, variable.other.object#f7f6ed
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f7f6ed
variable.parameter, meta.parameter#f7f6eddditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f7f6ed80
keyword.operator#f7f6ed
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#d8d9a4bold
entity.other.inherited-class#4e7650
entity.name.tag, punctuation.definition.tag#d8d9a4
entity.other.attribute-name#4e7650
meta.diff, meta.diff.header#6c805c
markup.deleted#8ba95e
markup.inserted#4e7650
markup.changed#d8d9a4
markup.heading, markup.heading.setext, punctuation.definition.heading#4e7650bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#d8d9a4
string.other.link.title, string.other.link.description#4e7650
markup.underline.link#6c805cunderline
punctuation.definition.list#d8d9a4
markup.quote, punctuation.definition.quote#6c805citalic