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#0B1A14
  • activityBar.border#ffffff15
  • activityBar.foreground#FFD65A
  • activityBar.inactiveForeground#FFF7EC60
  • activityBarBadge.background#FFD65A
  • activityBarBadge.foreground#0B1A14
  • button.background#FFD65A
  • button.foreground#0B1A14
  • button.hoverBackground#FFD65Add
  • editor.background#0B1A14
  • editor.foreground#FFF7EC
  • editor.inactiveSelectionBackground#2F7D463580
  • editor.lineHighlightBackground#2B2F2A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2F7D4635
  • editorCursor.foreground#FFD65A
  • editorGroupHeader.tabsBackground#0B1A14dd
  • editorLineNumber.activeForeground#FFD65A
  • editorLineNumber.foreground#EAF4EF80
  • focusBorder#FFD65A
  • foreground#FFF7EC
  • input.background#2B2F2A
  • input.border#ffffff15
  • input.foreground#FFF7EC
  • input.placeholderForeground#FFF7EC60
  • list.activeSelectionBackground#FFD65A30
  • list.activeSelectionForeground#FFF7EC
  • list.highlightForeground#FFD65A
  • list.hoverBackground#2B2F2A40
  • list.hoverForeground#FFF7EC
  • list.inactiveSelectionBackground#FFD65A15
  • list.inactiveSelectionForeground#FFF7EC
  • selection.background#2F7D4635
  • sideBar.background#2B2F2A
  • sideBar.border#ffffff15
  • sideBar.foreground#FFF7EC
  • sideBarSectionHeader.background#0B1A1480
  • sideBarSectionHeader.foreground#FFF7EC
  • sideBarTitle.foreground#FFD65A
  • statusBar.background#0B1A14
  • statusBar.border#ffffff15
  • statusBar.foreground#FFF7EC
  • statusBar.noFolderBackground#0B1A14
  • tab.activeBackground#0B1A14
  • tab.activeBorderTop#FFD65A
  • tab.activeForeground#FFF7EC
  • tab.border#ffffff15
  • tab.inactiveBackground#2B2F2A60
  • tab.inactiveForeground#FFF7EC80
  • terminal.ansiBlack#0B1A14
  • terminal.ansiBlue#2F7D46
  • terminal.ansiCyan#FFD1DC
  • terminal.ansiGreen#FFD65A
  • terminal.ansiMagenta#FFA7C1
  • terminal.ansiRed#FFA7C1
  • terminal.ansiWhite#FFF7EC
  • terminal.ansiYellow#FFD1DC
  • terminal.background#0B1A14
  • terminal.foreground#FFF7EC
  • titleBar.activeBackground#0B1A14
  • titleBar.activeForeground#FFF7EC
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0B1A14
  • titleBar.inactiveForeground#FFF7EC60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#EAF4EFitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2F7D46bold
storage.type, storage.modifier#2F7D46italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#FFD65A
string, punctuation.definition.string, string.template, meta.template.expression#FFD1DC
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#FFA7C1
variable, variable.other.readwrite, variable.other.object#FFF7EC
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFF7EC
variable.parameter, meta.parameter#FFF7ECdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFF7EC80
keyword.operator#FFF7EC
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#FFD1DCbold
entity.other.inherited-class#FFD65A
entity.name.tag, punctuation.definition.tag#2F7D46
entity.other.attribute-name#FFD65A
meta.diff, meta.diff.header#EAF4EF
markup.deleted#FFA7C1
markup.inserted#FFD65A
markup.changed#FFD1DC
markup.heading, markup.heading.setext, punctuation.definition.heading#FFD65Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#FFD1DC
string.other.link.title, string.other.link.description#FFD65A
markup.underline.link#EAF4EFunderline
punctuation.definition.list#2F7D46
markup.quote, punctuation.definition.quote#EAF4EFitalic