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#081b16
  • activityBar.border#ffffff15
  • activityBar.foreground#4f7f3f
  • activityBar.inactiveForeground#f4f7f160
  • activityBarBadge.background#4f7f3f
  • activityBarBadge.foreground#081b16
  • button.background#4f7f3f
  • button.foreground#081b16
  • button.hoverBackground#4f7f3fdd
  • editor.background#081b16
  • editor.foreground#f4f7f1
  • editor.inactiveSelectionBackground#76513e3580
  • editor.lineHighlightBackground#12322840
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#76513e35
  • editorCursor.foreground#4f7f3f
  • editorGroupHeader.tabsBackground#081b16dd
  • editorLineNumber.activeForeground#4f7f3f
  • editorLineNumber.foreground#8b817180
  • focusBorder#4f7f3f
  • foreground#f4f7f1
  • input.background#123228
  • input.border#ffffff15
  • input.foreground#f4f7f1
  • input.placeholderForeground#f4f7f160
  • list.activeSelectionBackground#4f7f3f30
  • list.activeSelectionForeground#f4f7f1
  • list.highlightForeground#4f7f3f
  • list.hoverBackground#12322840
  • list.hoverForeground#f4f7f1
  • list.inactiveSelectionBackground#4f7f3f15
  • list.inactiveSelectionForeground#f4f7f1
  • selection.background#76513e35
  • sideBar.background#123228
  • sideBar.border#ffffff15
  • sideBar.foreground#f4f7f1
  • sideBarSectionHeader.background#081b1680
  • sideBarSectionHeader.foreground#f4f7f1
  • sideBarTitle.foreground#4f7f3f
  • statusBar.background#081b16
  • statusBar.border#ffffff15
  • statusBar.foreground#f4f7f1
  • statusBar.noFolderBackground#081b16
  • tab.activeBackground#081b16
  • tab.activeBorderTop#4f7f3f
  • tab.activeForeground#f4f7f1
  • tab.border#ffffff15
  • tab.inactiveBackground#12322860
  • tab.inactiveForeground#f4f7f180
  • terminal.ansiBlack#081b16
  • terminal.ansiBlue#76513e
  • terminal.ansiCyan#8fb86a
  • terminal.ansiGreen#4f7f3f
  • terminal.ansiMagenta#c4b96f
  • terminal.ansiRed#c4b96f
  • terminal.ansiWhite#f4f7f1
  • terminal.ansiYellow#8fb86a
  • terminal.background#081b16
  • terminal.foreground#f4f7f1
  • titleBar.activeBackground#081b16
  • titleBar.activeForeground#f4f7f1
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#081b16
  • titleBar.inactiveForeground#f4f7f160
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8b8171italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#76513ebold
storage.type, storage.modifier#76513eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#4f7f3f
string, punctuation.definition.string, string.template, meta.template.expression#8fb86a
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#c4b96f
variable, variable.other.readwrite, variable.other.object#f4f7f1
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4f7f1
variable.parameter, meta.parameter#f4f7f1dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4f7f180
keyword.operator#f4f7f1
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8fb86abold
entity.other.inherited-class#4f7f3f
entity.name.tag, punctuation.definition.tag#76513e
entity.other.attribute-name#4f7f3f
meta.diff, meta.diff.header#8b8171
markup.deleted#c4b96f
markup.inserted#4f7f3f
markup.changed#8fb86a
markup.heading, markup.heading.setext, punctuation.definition.heading#4f7f3fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8fb86a
string.other.link.title, string.other.link.description#4f7f3f
markup.underline.link#8b8171underline
punctuation.definition.list#76513e
markup.quote, punctuation.definition.quote#8b8171italic