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#3D2D1F
  • activityBar.border#ffffff15
  • activityBar.foreground#E9A067
  • activityBar.inactiveForeground#f1e8d660
  • activityBarBadge.background#E9A067
  • activityBarBadge.foreground#3D2D1F
  • button.background#E9A067
  • button.foreground#3D2D1F
  • button.hoverBackground#E9A067dd
  • editor.background#3D2D1F
  • editor.foreground#f1e8d6
  • editor.inactiveSelectionBackground#C8EC793580
  • editor.lineHighlightBackground#120F0D40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#C8EC7935
  • editorCursor.foreground#E9A067
  • editorGroupHeader.tabsBackground#3D2D1Fdd
  • editorLineNumber.activeForeground#E9A067
  • editorLineNumber.foreground#878b8280
  • focusBorder#E9A067
  • foreground#f1e8d6
  • input.background#120F0D
  • input.border#ffffff15
  • input.foreground#f1e8d6
  • input.placeholderForeground#f1e8d660
  • list.activeSelectionBackground#E9A06730
  • list.activeSelectionForeground#f1e8d6
  • list.highlightForeground#E9A067
  • list.hoverBackground#120F0D40
  • list.hoverForeground#f1e8d6
  • list.inactiveSelectionBackground#E9A06715
  • list.inactiveSelectionForeground#f1e8d6
  • selection.background#C8EC7935
  • sideBar.background#120F0D
  • sideBar.border#ffffff15
  • sideBar.foreground#f1e8d6
  • sideBarSectionHeader.background#3D2D1F80
  • sideBarSectionHeader.foreground#f1e8d6
  • sideBarTitle.foreground#E9A067
  • statusBar.background#3D2D1F
  • statusBar.border#ffffff15
  • statusBar.foreground#f1e8d6
  • statusBar.noFolderBackground#3D2D1F
  • tab.activeBackground#3D2D1F
  • tab.activeBorderTop#E9A067
  • tab.activeForeground#f1e8d6
  • tab.border#ffffff15
  • tab.inactiveBackground#120F0D60
  • tab.inactiveForeground#f1e8d680
  • terminal.ansiBlack#3D2D1F
  • terminal.ansiBlue#C8EC79
  • terminal.ansiCyan#E7BB55
  • terminal.ansiGreen#E9A067
  • terminal.ansiMagenta#F1BE83
  • terminal.ansiRed#F1BE83
  • terminal.ansiWhite#f1e8d6
  • terminal.ansiYellow#E7BB55
  • terminal.background#3D2D1F
  • terminal.foreground#f1e8d6
  • titleBar.activeBackground#3D2D1F
  • titleBar.activeForeground#f1e8d6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#3D2D1F
  • titleBar.inactiveForeground#f1e8d660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#878b82italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#C8EC79bold
storage.type, storage.modifier#C8EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9A067
string, punctuation.definition.string, string.template, meta.template.expression#E7BB55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1BE83
variable, variable.other.readwrite, variable.other.object#f1e8d6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f1e8d6
variable.parameter, meta.parameter#f1e8d6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f1e8d680
keyword.operator#f1e8d6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7BB55bold
entity.other.inherited-class#E9A067
entity.name.tag, punctuation.definition.tag#C8EC79
entity.other.attribute-name#E9A067
meta.diff, meta.diff.header#878b82
markup.deleted#F1BE83
markup.inserted#E9A067
markup.changed#E7BB55
markup.heading, markup.heading.setext, punctuation.definition.heading#E9A067bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7BB55
string.other.link.title, string.other.link.description#E9A067
markup.underline.link#878b82underline
punctuation.definition.list#C8EC79
markup.quote, punctuation.definition.quote#878b82italic