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#F7F1E6
  • activityBar.border#00000015
  • activityBar.foreground#C99A2E
  • activityBar.inactiveForeground#17151060
  • activityBarBadge.background#C99A2E
  • activityBarBadge.foreground#F7F1E6
  • button.background#C99A2E
  • button.foreground#F7F1E6
  • button.hoverBackground#C99A2Edd
  • editor.background#F7F1E6
  • editor.foreground#171510
  • editor.inactiveSelectionBackground#646A6F2580
  • editor.lineHighlightBackground#D9D1C350
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#646A6F25
  • editorCursor.foreground#C99A2E
  • editorGroupHeader.tabsBackground#D9D1C3aa
  • editorLineNumber.activeForeground#C99A2E
  • editorLineNumber.foreground#7D612880
  • focusBorder#C99A2E
  • foreground#171510
  • input.background#D9D1C3
  • input.border#00000015
  • input.foreground#171510
  • input.placeholderForeground#17151060
  • list.activeSelectionBackground#C99A2E30
  • list.activeSelectionForeground#171510
  • list.highlightForeground#C99A2E
  • list.hoverBackground#D9D1C340
  • list.hoverForeground#171510
  • list.inactiveSelectionBackground#C99A2E15
  • list.inactiveSelectionForeground#171510
  • selection.background#646A6F25
  • sideBar.background#D9D1C3
  • sideBar.border#00000015
  • sideBar.foreground#171510
  • sideBarSectionHeader.background#D9D1C380
  • sideBarSectionHeader.foreground#171510
  • sideBarTitle.foreground#C99A2E
  • statusBar.background#F7F1E6
  • statusBar.border#00000015
  • statusBar.foreground#171510
  • statusBar.noFolderBackground#F7F1E6
  • tab.activeBackground#F7F1E6
  • tab.activeBorderTop#C99A2E
  • tab.activeForeground#171510
  • tab.border#00000015
  • tab.inactiveBackground#F7F1E660
  • tab.inactiveForeground#17151080
  • terminal.ansiBlack#171510
  • terminal.ansiBlue#646A6F
  • terminal.ansiCyan#E0BC58
  • terminal.ansiGreen#C99A2E
  • terminal.ansiMagenta#A95F1C
  • terminal.ansiRed#A95F1C
  • terminal.ansiWhite#171510
  • terminal.ansiYellow#E0BC58
  • terminal.background#F7F1E6
  • terminal.foreground#171510
  • titleBar.activeBackground#F7F1E6
  • titleBar.activeForeground#171510
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F1E6
  • titleBar.inactiveForeground#17151060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7D6128italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#646A6Fbold
storage.type, storage.modifier#646A6Fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#C99A2E
string, punctuation.definition.string, string.template, meta.template.expression#E0BC58
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#A95F1C
variable, variable.other.readwrite, variable.other.object#171510
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#171510
variable.parameter, meta.parameter#171510dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#17151080
keyword.operator#171510
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E0BC58bold
entity.other.inherited-class#C99A2E
entity.name.tag, punctuation.definition.tag#646A6F
entity.other.attribute-name#C99A2E
meta.diff, meta.diff.header#7D6128
markup.deleted#A95F1C
markup.inserted#C99A2E
markup.changed#E0BC58
markup.heading, markup.heading.setext, punctuation.definition.heading#C99A2Ebold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E0BC58
string.other.link.title, string.other.link.description#C99A2E
markup.underline.link#7D6128underline
punctuation.definition.list#646A6F
markup.quote, punctuation.definition.quote#7D6128italic