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#EAF3FF
  • activityBar.border#00000015
  • activityBar.foreground#FFD873
  • activityBar.inactiveForeground#182A4460
  • activityBarBadge.background#FFD873
  • activityBarBadge.foreground#EAF3FF
  • button.background#FFD873
  • button.foreground#EAF3FF
  • button.hoverBackground#FFD873dd
  • editor.background#EAF3FF
  • editor.foreground#182A44
  • editor.inactiveSelectionBackground#BDEBFF2580
  • editor.lineHighlightBackground#F7FAFF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#BDEBFF25
  • editorCursor.foreground#FFD873
  • editorGroupHeader.tabsBackground#F7FAFFaa
  • editorLineNumber.activeForeground#FFD873
  • editorLineNumber.foreground#DCE3EB80
  • focusBorder#FFD873
  • foreground#182A44
  • input.background#F7FAFF
  • input.border#00000015
  • input.foreground#182A44
  • input.placeholderForeground#182A4460
  • list.activeSelectionBackground#FFD87330
  • list.activeSelectionForeground#182A44
  • list.highlightForeground#FFD873
  • list.hoverBackground#F7FAFF40
  • list.hoverForeground#182A44
  • list.inactiveSelectionBackground#FFD87315
  • list.inactiveSelectionForeground#182A44
  • selection.background#BDEBFF25
  • sideBar.background#F7FAFF
  • sideBar.border#00000015
  • sideBar.foreground#182A44
  • sideBarSectionHeader.background#F7FAFF80
  • sideBarSectionHeader.foreground#182A44
  • sideBarTitle.foreground#FFD873
  • statusBar.background#EAF3FF
  • statusBar.border#00000015
  • statusBar.foreground#182A44
  • statusBar.noFolderBackground#EAF3FF
  • tab.activeBackground#EAF3FF
  • tab.activeBorderTop#FFD873
  • tab.activeForeground#182A44
  • tab.border#00000015
  • tab.inactiveBackground#EAF3FF60
  • tab.inactiveForeground#182A4480
  • terminal.ansiBlack#182A44
  • terminal.ansiBlue#BDEBFF
  • terminal.ansiCyan#7FD7F4
  • terminal.ansiGreen#FFD873
  • terminal.ansiMagenta#FFB3C9
  • terminal.ansiRed#FFB3C9
  • terminal.ansiWhite#182A44
  • terminal.ansiYellow#7FD7F4
  • terminal.background#EAF3FF
  • terminal.foreground#182A44
  • titleBar.activeBackground#EAF3FF
  • titleBar.activeForeground#182A44
  • titleBar.border#00000015
  • titleBar.inactiveBackground#EAF3FF
  • titleBar.inactiveForeground#182A4460
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#DCE3EBitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#BDEBFFbold
storage.type, storage.modifier#BDEBFFitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#FFD873
string, punctuation.definition.string, string.template, meta.template.expression#7FD7F4
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#FFB3C9
variable, variable.other.readwrite, variable.other.object#182A44
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#182A44
variable.parameter, meta.parameter#182A44dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#182A4480
keyword.operator#182A44
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#7FD7F4bold
entity.other.inherited-class#FFD873
entity.name.tag, punctuation.definition.tag#BDEBFF
entity.other.attribute-name#FFD873
meta.diff, meta.diff.header#DCE3EB
markup.deleted#FFB3C9
markup.inserted#FFD873
markup.changed#7FD7F4
markup.heading, markup.heading.setext, punctuation.definition.heading#FFD873bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#7FD7F4
string.other.link.title, string.other.link.description#FFD873
markup.underline.link#DCE3EBunderline
punctuation.definition.list#BDEBFF
markup.quote, punctuation.definition.quote#DCE3EBitalic