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#fbf0df
  • activityBar.border#00000015
  • activityBar.foreground#9f3325
  • activityBar.inactiveForeground#4A2E2060
  • activityBarBadge.background#9f3325
  • activityBarBadge.foreground#fbf0df
  • button.background#9f3325
  • button.foreground#fbf0df
  • button.hoverBackground#9f3325dd
  • editor.background#fbf0df
  • editor.foreground#4A2E20
  • editor.inactiveSelectionBackground#D38A2E2580
  • editor.lineHighlightBackground#FAF6F150
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#D38A2E25
  • editorCursor.foreground#9f3325
  • editorGroupHeader.tabsBackground#FAF6F1aa
  • editorLineNumber.activeForeground#9f3325
  • editorLineNumber.foreground#b8946880
  • focusBorder#9f3325
  • foreground#4A2E20
  • input.background#FAF6F1
  • input.border#00000015
  • input.foreground#4A2E20
  • input.placeholderForeground#4A2E2060
  • list.activeSelectionBackground#9f332530
  • list.activeSelectionForeground#4A2E20
  • list.highlightForeground#9f3325
  • list.hoverBackground#FAF6F140
  • list.hoverForeground#4A2E20
  • list.inactiveSelectionBackground#9f332515
  • list.inactiveSelectionForeground#4A2E20
  • selection.background#D38A2E25
  • sideBar.background#FAF6F1
  • sideBar.border#00000015
  • sideBar.foreground#4A2E20
  • sideBarSectionHeader.background#FAF6F180
  • sideBarSectionHeader.foreground#4A2E20
  • sideBarTitle.foreground#9f3325
  • statusBar.background#fbf0df
  • statusBar.border#00000015
  • statusBar.foreground#4A2E20
  • statusBar.noFolderBackground#fbf0df
  • tab.activeBackground#fbf0df
  • tab.activeBorderTop#9f3325
  • tab.activeForeground#4A2E20
  • tab.border#00000015
  • tab.inactiveBackground#fbf0df60
  • tab.inactiveForeground#4A2E2080
  • terminal.ansiBlack#4A2E20
  • terminal.ansiBlue#D38A2E
  • terminal.ansiCyan#2E6B3F
  • terminal.ansiGreen#9f3325
  • terminal.ansiMagenta#d59b45
  • terminal.ansiRed#d59b45
  • terminal.ansiWhite#4A2E20
  • terminal.ansiYellow#2E6B3F
  • terminal.background#fbf0df
  • terminal.foreground#4A2E20
  • titleBar.activeBackground#fbf0df
  • titleBar.activeForeground#4A2E20
  • titleBar.border#00000015
  • titleBar.inactiveBackground#fbf0df
  • titleBar.inactiveForeground#4A2E2060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#b89468italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#D38A2Ebold
storage.type, storage.modifier#D38A2Eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#9f3325
string, punctuation.definition.string, string.template, meta.template.expression#2E6B3F
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#d59b45
variable, variable.other.readwrite, variable.other.object#4A2E20
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#4A2E20
variable.parameter, meta.parameter#4A2E20dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#4A2E2080
keyword.operator#4A2E20
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2E6B3Fbold
entity.other.inherited-class#9f3325
entity.name.tag, punctuation.definition.tag#D38A2E
entity.other.attribute-name#9f3325
meta.diff, meta.diff.header#b89468
markup.deleted#d59b45
markup.inserted#9f3325
markup.changed#2E6B3F
markup.heading, markup.heading.setext, punctuation.definition.heading#9f3325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2E6B3F
string.other.link.title, string.other.link.description#9f3325
markup.underline.link#b89468underline
punctuation.definition.list#D38A2E
markup.quote, punctuation.definition.quote#b89468italic