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#463028
  • activityBar.border#ffffff15
  • activityBar.foreground#FFD7DD
  • activityBar.inactiveForeground#FFF6EE60
  • activityBarBadge.background#FFD7DD
  • activityBarBadge.foreground#463028
  • button.background#FFD7DD
  • button.foreground#463028
  • button.hoverBackground#FFD7DDdd
  • editor.background#463028
  • editor.foreground#FFF6EE
  • editor.inactiveSelectionBackground#F6D9A63580
  • editor.lineHighlightBackground#3A2F2A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#F6D9A635
  • editorCursor.foreground#FFD7DD
  • editorGroupHeader.tabsBackground#463028dd
  • editorLineNumber.activeForeground#FFD7DD
  • editorLineNumber.foreground#C9A99680
  • focusBorder#FFD7DD
  • foreground#FFF6EE
  • input.background#3A2F2A
  • input.border#ffffff15
  • input.foreground#FFF6EE
  • input.placeholderForeground#FFF6EE60
  • list.activeSelectionBackground#FFD7DD30
  • list.activeSelectionForeground#FFF6EE
  • list.highlightForeground#FFD7DD
  • list.hoverBackground#3A2F2A40
  • list.hoverForeground#FFF6EE
  • list.inactiveSelectionBackground#FFD7DD15
  • list.inactiveSelectionForeground#FFF6EE
  • selection.background#F6D9A635
  • sideBar.background#3A2F2A
  • sideBar.border#ffffff15
  • sideBar.foreground#FFF6EE
  • sideBarSectionHeader.background#46302880
  • sideBarSectionHeader.foreground#FFF6EE
  • sideBarTitle.foreground#FFD7DD
  • statusBar.background#463028
  • statusBar.border#ffffff15
  • statusBar.foreground#FFF6EE
  • statusBar.noFolderBackground#463028
  • tab.activeBackground#463028
  • tab.activeBorderTop#FFD7DD
  • tab.activeForeground#FFF6EE
  • tab.border#ffffff15
  • tab.inactiveBackground#3A2F2A60
  • tab.inactiveForeground#FFF6EE80
  • terminal.ansiBlack#463028
  • terminal.ansiBlue#F6D9A6
  • terminal.ansiCyan#8FBD7A
  • terminal.ansiGreen#FFD7DD
  • terminal.ansiMagenta#D9829A
  • terminal.ansiRed#D9829A
  • terminal.ansiWhite#FFF6EE
  • terminal.ansiYellow#8FBD7A
  • terminal.background#463028
  • terminal.foreground#FFF6EE
  • titleBar.activeBackground#463028
  • titleBar.activeForeground#FFF6EE
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#463028
  • titleBar.inactiveForeground#FFF6EE60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C9A996italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#F6D9A6bold
storage.type, storage.modifier#F6D9A6italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#FFD7DD
string, punctuation.definition.string, string.template, meta.template.expression#8FBD7A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#D9829A
variable, variable.other.readwrite, variable.other.object#FFF6EE
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFF6EE
variable.parameter, meta.parameter#FFF6EEdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFF6EE80
keyword.operator#FFF6EE
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8FBD7Abold
entity.other.inherited-class#FFD7DD
entity.name.tag, punctuation.definition.tag#F6D9A6
entity.other.attribute-name#FFD7DD
meta.diff, meta.diff.header#C9A996
markup.deleted#D9829A
markup.inserted#FFD7DD
markup.changed#8FBD7A
markup.heading, markup.heading.setext, punctuation.definition.heading#FFD7DDbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8FBD7A
string.other.link.title, string.other.link.description#FFD7DD
markup.underline.link#C9A996underline
punctuation.definition.list#F6D9A6
markup.quote, punctuation.definition.quote#C9A996italic