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#FDF6ED
  • activityBar.border#00000015
  • activityBar.foreground#933225
  • activityBar.inactiveForeground#4A2E2060
  • activityBarBadge.background#933225
  • activityBarBadge.foreground#FDF6ED
  • button.background#933225
  • button.foreground#FDF6ED
  • button.hoverBackground#933225dd
  • editor.background#FDF6ED
  • editor.foreground#4A2E20
  • editor.inactiveSelectionBackground#8356212580
  • editor.lineHighlightBackground#FBF8F450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83562125
  • editorCursor.foreground#933225
  • editorGroupHeader.tabsBackground#FBF8F4aa
  • editorLineNumber.activeForeground#933225
  • editorLineNumber.foreground#b8946880
  • focusBorder#933225
  • foreground#4A2E20
  • input.background#FBF8F4
  • input.border#00000015
  • input.foreground#4A2E20
  • input.placeholderForeground#4A2E2060
  • list.activeSelectionBackground#93322530
  • list.activeSelectionForeground#4A2E20
  • list.highlightForeground#933225
  • list.hoverBackground#FBF8F440
  • list.hoverForeground#4A2E20
  • list.inactiveSelectionBackground#93322515
  • list.inactiveSelectionForeground#4A2E20
  • selection.background#83562125
  • sideBar.background#FBF8F4
  • sideBar.border#00000015
  • sideBar.foreground#4A2E20
  • sideBarSectionHeader.background#FBF8F480
  • sideBarSectionHeader.foreground#4A2E20
  • sideBarTitle.foreground#933225
  • statusBar.background#FDF6ED
  • statusBar.border#00000015
  • statusBar.foreground#4A2E20
  • statusBar.noFolderBackground#FDF6ED
  • tab.activeBackground#FDF6ED
  • tab.activeBorderTop#933225
  • tab.activeForeground#4A2E20
  • tab.border#00000015
  • tab.inactiveBackground#FDF6ED60
  • tab.inactiveForeground#4A2E2080
  • terminal.ansiBlack#4A2E20
  • terminal.ansiBlue#835621
  • terminal.ansiCyan#29A34B
  • terminal.ansiGreen#933225
  • terminal.ansiMagenta#765119
  • terminal.ansiRed#765119
  • terminal.ansiWhite#4A2E20
  • terminal.ansiYellow#29A34B
  • terminal.background#FDF6ED
  • terminal.foreground#4A2E20
  • titleBar.activeBackground#FDF6ED
  • titleBar.activeForeground#4A2E20
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDF6ED
  • 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#835621bold
storage.type, storage.modifier#835621italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#933225
string, punctuation.definition.string, string.template, meta.template.expression#29A34B
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765119
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#29A34Bbold
entity.other.inherited-class#933225
entity.name.tag, punctuation.definition.tag#835621
entity.other.attribute-name#933225
meta.diff, meta.diff.header#b89468
markup.deleted#765119
markup.inserted#933225
markup.changed#29A34B
markup.heading, markup.heading.setext, punctuation.definition.heading#933225bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#29A34B
string.other.link.title, string.other.link.description#933225
markup.underline.link#b89468underline
punctuation.definition.list#835621
markup.quote, punctuation.definition.quote#b89468italic