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#120F0C
  • activityBar.border#ffffff15
  • activityBar.foreground#C8944E
  • activityBar.inactiveForeground#F7F1E660
  • activityBarBadge.background#C8944E
  • activityBarBadge.foreground#120F0C
  • button.background#C8944E
  • button.foreground#120F0C
  • button.hoverBackground#C8944Edd
  • editor.background#120F0C
  • editor.foreground#F7F1E6
  • editor.inactiveSelectionBackground#8E6A433580
  • editor.lineHighlightBackground#21191440
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#8E6A4335
  • editorCursor.foreground#C8944E
  • editorGroupHeader.tabsBackground#120F0Cdd
  • editorLineNumber.activeForeground#C8944E
  • editorLineNumber.foreground#E8D6B680
  • focusBorder#C8944E
  • foreground#F7F1E6
  • input.background#211914
  • input.border#ffffff15
  • input.foreground#F7F1E6
  • input.placeholderForeground#F7F1E660
  • list.activeSelectionBackground#C8944E30
  • list.activeSelectionForeground#F7F1E6
  • list.highlightForeground#C8944E
  • list.hoverBackground#21191440
  • list.hoverForeground#F7F1E6
  • list.inactiveSelectionBackground#C8944E15
  • list.inactiveSelectionForeground#F7F1E6
  • selection.background#8E6A4335
  • sideBar.background#211914
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F1E6
  • sideBarSectionHeader.background#120F0C80
  • sideBarSectionHeader.foreground#F7F1E6
  • sideBarTitle.foreground#C8944E
  • statusBar.background#120F0C
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F1E6
  • statusBar.noFolderBackground#120F0C
  • tab.activeBackground#120F0C
  • tab.activeBorderTop#C8944E
  • tab.activeForeground#F7F1E6
  • tab.border#ffffff15
  • tab.inactiveBackground#21191460
  • tab.inactiveForeground#F7F1E680
  • terminal.ansiBlack#120F0C
  • terminal.ansiBlue#8E6A43
  • terminal.ansiCyan#D9E1D9
  • terminal.ansiGreen#C8944E
  • terminal.ansiMagenta#92704A
  • terminal.ansiRed#92704A
  • terminal.ansiWhite#F7F1E6
  • terminal.ansiYellow#D9E1D9
  • terminal.background#120F0C
  • terminal.foreground#F7F1E6
  • titleBar.activeBackground#120F0C
  • titleBar.activeForeground#F7F1E6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#120F0C
  • titleBar.inactiveForeground#F7F1E660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E8D6B6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#8E6A43bold
storage.type, storage.modifier#8E6A43italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#C8944E
string, punctuation.definition.string, string.template, meta.template.expression#D9E1D9
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#92704A
variable, variable.other.readwrite, variable.other.object#F7F1E6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F1E6
variable.parameter, meta.parameter#F7F1E6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F1E680
keyword.operator#F7F1E6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#D9E1D9bold
entity.other.inherited-class#C8944E
entity.name.tag, punctuation.definition.tag#8E6A43
entity.other.attribute-name#C8944E
meta.diff, meta.diff.header#E8D6B6
markup.deleted#92704A
markup.inserted#C8944E
markup.changed#D9E1D9
markup.heading, markup.heading.setext, punctuation.definition.heading#C8944Ebold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#D9E1D9
string.other.link.title, string.other.link.description#C8944E
markup.underline.link#E8D6B6underline
punctuation.definition.list#8E6A43
markup.quote, punctuation.definition.quote#E8D6B6italic