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#FFF7EC
  • activityBar.border#00000015
  • activityBar.foreground#FFD166
  • activityBar.inactiveForeground#2E2A2360
  • activityBarBadge.background#FFD166
  • activityBarBadge.foreground#FFF7EC
  • button.background#FFD166
  • button.foreground#FFF7EC
  • button.hoverBackground#FFD166dd
  • editor.background#FFF7EC
  • editor.foreground#2E2A23
  • editor.inactiveSelectionBackground#70AA4F2580
  • editor.lineHighlightBackground#FFF7EC50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#70AA4F25
  • editorCursor.foreground#FFD166
  • editorGroupHeader.tabsBackground#FFF7ECaa
  • editorLineNumber.activeForeground#FFD166
  • editorLineNumber.foreground#D9BD8380
  • focusBorder#FFD166
  • foreground#2E2A23
  • input.background#FFF7EC
  • input.border#00000015
  • input.foreground#2E2A23
  • input.placeholderForeground#2E2A2360
  • list.activeSelectionBackground#FFD16630
  • list.activeSelectionForeground#2E2A23
  • list.highlightForeground#FFD166
  • list.hoverBackground#FFF7EC40
  • list.hoverForeground#2E2A23
  • list.inactiveSelectionBackground#FFD16615
  • list.inactiveSelectionForeground#2E2A23
  • selection.background#70AA4F25
  • sideBar.background#FFF7EC
  • sideBar.border#00000015
  • sideBar.foreground#2E2A23
  • sideBarSectionHeader.background#FFF7EC80
  • sideBarSectionHeader.foreground#2E2A23
  • sideBarTitle.foreground#FFD166
  • statusBar.background#FFF7EC
  • statusBar.border#00000015
  • statusBar.foreground#2E2A23
  • statusBar.noFolderBackground#FFF7EC
  • tab.activeBackground#FFF7EC
  • tab.activeBorderTop#FFD166
  • tab.activeForeground#2E2A23
  • tab.border#00000015
  • tab.inactiveBackground#FFF7EC60
  • tab.inactiveForeground#2E2A2380
  • terminal.ansiBlack#2E2A23
  • terminal.ansiBlue#70AA4F
  • terminal.ansiCyan#FF7A8A
  • terminal.ansiGreen#FFD166
  • terminal.ansiMagenta#E88DA3
  • terminal.ansiRed#E88DA3
  • terminal.ansiWhite#2E2A23
  • terminal.ansiYellow#FF7A8A
  • terminal.background#FFF7EC
  • terminal.foreground#2E2A23
  • titleBar.activeBackground#FFF7EC
  • titleBar.activeForeground#2E2A23
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFF7EC
  • titleBar.inactiveForeground#2E2A2360
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D9BD83italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#70AA4Fbold
storage.type, storage.modifier#70AA4Fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#FFD166
string, punctuation.definition.string, string.template, meta.template.expression#FF7A8A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#E88DA3
variable, variable.other.readwrite, variable.other.object#2E2A23
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2E2A23
variable.parameter, meta.parameter#2E2A23dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2E2A2380
keyword.operator#2E2A23
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#FF7A8Abold
entity.other.inherited-class#FFD166
entity.name.tag, punctuation.definition.tag#70AA4F
entity.other.attribute-name#FFD166
meta.diff, meta.diff.header#D9BD83
markup.deleted#E88DA3
markup.inserted#FFD166
markup.changed#FF7A8A
markup.heading, markup.heading.setext, punctuation.definition.heading#FFD166bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#FF7A8A
string.other.link.title, string.other.link.description#FFD166
markup.underline.link#D9BD83underline
punctuation.definition.list#70AA4F
markup.quote, punctuation.definition.quote#D9BD83italic